@charset "UTF-8";
/*公用*/
input[type="date"]::-webkit-calendar-picker-indicator {
   display: none;
}

input[type="date"]::-webkit-inner-spin-button {
    display: none;
    }
input{
    -webkit-appearance: none;
}
.text_r{
    text-align: right;
}
.c_main{color:#f41860;}
.dn{display: none!important;}
.displayFlex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.f_c{display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.header{
    height: 0.88rem;
    padding: 0 0.25rem;
    background-color: #FFF;
    position:fixed;
    top:0;
    left: 0;
    width: calc(100% - 0.5rem);
    z-index: 2;
}
.footer{
    position: fixed;
    bottom:0;
    background-color: #fff;
    width: 100%;
    height: 1rem;
    z-index: 2;

}
.header .backPrevPage{
    position: absolute;
    bottom: 0;
    left: 0.25rem;
    width: 0.3rem;
    height: 0.88rem;
    background: url("../image/back_red.png") center no-repeat;
    background-size: 0.18rem auto;
    z-index: 9;
}
.header .headerRight{
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 0.25rem;
    height: 0.88rem;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 0.28rem;
    z-index: 9;
}
.header .headerRight.color{
    color: #f41860;
}

.header .pageTitle{
    font-size: 0.36rem;
    color: #333333;
    height: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.HTML_BOX{
    position: relative;
    top:0.88rem;
}
.loginHeader.header .backPrevPage{
    position: absolute;
    bottom: 0;
    left: 0.25rem;
    width: 0.3rem;
    height: 0.88rem;
    background: url("../image/back.png") center no-repeat;
    background-size: 0.18rem auto;
    z-index: 9;
}
.bg-eee{background-color: #EEE;}
.bg-fff{background-color: #FFF;}
.plr{padding :0 0.25rem; }
.pt23{padding-top: .23rem;}
.c-333{color:#333;}
/* 登录页面 */
.loginBox .logo{
    display: flex;
    justify-content: center;
    height:2rem;
    align-items: center;
}
.loginBox .logo img{
    height: .76rem;
    width: 1.85rem;
}
.loginForm li{
    border-bottom: 1px solid #EEE ;
    height: 1.05rem;
    display: flex;
    align-items: center;
}
.loginForm li span{
    padding-right:0.35rem;    width: 1.24rem;
}
.loginForm li input{
    flex-grow: 1;
    height: 1.05rem;
}
.loginBtn{
    background-color: #f41860;
    color:#FFF;
    height: .8rem;
    font-size: .3rem;
    width: calc(100% - .5rem);
    border-radius: 0.5rem;
    margin-left:.25rem;
    margin-right:.25rem;
    margin-top:1.05rem;
}
.payBtn{
    background-color: #f41860;
    color:#FFF;
    height: .8rem;
    font-size: .3rem;
    width: calc(100% - .5rem);
    border-radius: 0.5rem;
    margin-left:.25rem;
    margin-right:.25rem;
    margin-top:0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.remember{display: flex;align-items: center;position: relative;text-indent: 0.37rem;}
.remember .icon{
    width: .19rem;
    height: .19rem;
    display: inline-block;
    border:1px solid #999;
    position: absolute;
    left: 0;
    /*top: 0.07rem;*/
}

.remember.on .icon{
    width: .23rem;
    height: .23rem;
    display: inline-block;
    border:none;
    background: url("../image/check_on.png") center no-repeat;
    background-size: 0.23rem;
}
.otherKinds{

    margin-top: 0.8rem;
}
.otherKinds .otherTitle{
    height: 0.6rem;
    font-size:.3rem;
}
.otherKinds .otherTitle span{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #dddddd;
    height: 0.6rem;
}
.otherKinds .otherTitle span:before{
    display: inline-block;
    content: '';
    width: 30%;
    height: 2px;
    background: #eeeeee;
    margin-right: 0.2rem;
}
.otherKinds .otherTitle span:after{
    display: inline-block;
    content: '';
    width: 30%;
    height: 2px;
    background: #eeeeee;
    margin-left: 0.2rem;
}
.otherKinds ul{
    display: flex;
    justify-content: center;
    margin: 0.3rem auto 0;
}
.otherKinds ul li{
    width: 20%;
    text-align: center;
}
.otherKinds ul li img{
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
}
/*注册*/
.registerForm li{
    border-bottom: 1px solid #EEE ;
    height: 1.05rem;
    display: flex;
    align-items: center;
}
.gj{position: relative;}
.gj i{
    height: 1.05rem;
    width: 0.3rem;
    background: url("../image/back_down.png") center no-repeat;
    background-size: 0.2rem auto;

}

.registerForm li span{
    width:1.46rem;
}
.registerForm li input{
    height: 1.05rem;
    flex-grow: 1;
}
.hq_yzmBox input{
    width:calc(100% - 3.56rem)!important;
    flex-grow: 0!important;
}
.hq_yzm{
    color:#f41860;
    height: 1.05rem;
    display:flex;
    margin-left: 0.3rem;
    align-items: center;
    width: 1.8rem;
    justify-content: flex-end;
}
.hq_yzm.on{ color:#8C8C8C;}

.permit.on span{
    color:#f41860;
}


/*忘记密码*/
.registerForm.forget li span{
    min-width:2rem;width: auto;box-sizing: border-box;padding-right: 0.1rem;
}
.forget .hq_yzmBox input{
    width: calc(100% - 4.1rem)!important;
}
.forget .yzm input{
    width: 1.2rem;
}



/*设置*/
.settings li{
    height: 1.05rem;
    border-bottom:1px solid #EEE;
    justify-content: space-between;
}
.OrderDetailsInfoPage .settings li{
    justify-content: flex-start!important;
}
.help li .help_title{
    height: 1.05rem;
    border-bottom:1px solid #EEE;
}
/*帮助中心*/
.help_title i{
    background: url("../image/back_down.png") center no-repeat;
    background-size: 0.22rem auto; ;
    width: 0.3rem;
    height: 1.05rem;
}
.help_son{
    padding-left:.25rem;
    color:#808080;
    

}
.help_son .son_title{
    height: 1.05rem;
    border-bottom: 1px solid #f2f2f2;
}
.help_son i{
    background: url("../image/back_g_right.png") center no-repeat;
    background-size: 0.1rem auto;
    width: 0.3rem;
    height: 1.05rem;
}

/*订单*/
.orderClass li{
    flex-grow: 1;
    height:0.8rem;
    padding:0 0.13rem;
    position: relative;

}
.orderClass li.on{
    color: #f41860;
}
.orderClass li.on i{
    background-color: #f41860;
    height: 2px;
    width:calc(100% - 0.26rem);
    position: absolute;
    bottom: 0;
    left: 0.13rem
}
.orderList li {
    margin-bottom:0.2rem;
}
.orderList li .orderTitle{
    height: .8rem;
    border-bottom: 1px solid #EEE;
}
.wareInfo{
    padding:0.25rem 0;
    display: flex;
    align-items: center;
    border-bottom:1px solid #EEE;
    
}
.wareImage{
    border:1px solid #EEE;
    height: 1.24rem;
    width: 1.24rem;
    margin-right: 0.25rem;
}
.wareImage img{
    height: 1.24rem;
    width: 1.24rem;
}
.wareInfo .wareData{width: calc(100% - 1.54rem); height: calc(1.24rem + 2px); font-size:.26rem;display: flex; flex-direction: column;justify-content: space-between;}

.wareInfo .wareData .wareName span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  rflow: hidden;
}


.shoppingWareList .wareData{width: calc(100% - 1.54rem);  font-size:.26rem;display: flex; flex-direction: column;justify-content: space-between;}

.shoppingWareList .wareData .wareName span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


.wareInfo .wareData .wareGuiGe{color:#999;display: flex;align-items: center;margin-top: .1rem;}
.wareGuiGe i{
    display: inline-block;
    background: url("../image/ware_info.png") center no-repeat;
    background-size: 0.31rem auto;
    width: 0.31rem;
    height: 0.31rem;
    margin-left:.22rem;
}

.odBox2 .wareInfo .wareData .warePrice{
    display: flex;
    justify-content: space-between;
}
.odBox2 .wareInfo{display: flex;flex-wrap: wrap;}
 .wareInfo .warePrice{
    display: flex;
    font-size: .24rem;
    margin-bottom:.1rem;
    padding:0;
    color:#f41860;
    justify-content: space-between;
    flex-grow: 1;
}
.wareInfo .warePrice .count{
    color:#333;
}

.prcie1{font-size: .28rem;color:#f41860;}
.prcie2{font-size: .2rem;color:#999;margin-left: .12rem;}

.orderState{color:#F41860;}

.orderList li .orderPrcie{
    display: flex;
    justify-content: flex-end;
    height: .97rem;
    align-items: center;
    border-bottom: 1px solid #EEE;
}
.orderList li .orderPrcie .tolPrice{margin-top: 0.05rem;margin-right: 0.1rem;}
.orderList li .orderPrcie .name{flex-grow: 1;}
.orderList li .orderTime{
    display: flex;
    align-items: center;
    height: .98rem;
    font-size:.24rem;
    justify-content: space-between;
}
.orderTime .time{
    height: .56rem;

}
.btns{height: .56rem;display: flex;}
.btn1{
    color:#f41860;
    height: .56rem;
    padding:0 .22rem;
    border:1px solid #f41860;
    border-radius: 0.1rem;
    margin-left: 0.1rem;

}
.btn2{
    color:#999;
    height: .56rem;
    padding:0 .22rem;
    border:1px solid #EEE;
    border-radius: 0.1rem;
    margin-left: 0.1rem;
}
/*btn3 btn4为商家订单按钮*/
.btn3{
    color:#f41860;
    height: .56rem;
    width:1.2rem;
    border:1px solid #f41860;
    border-radius: 0.1rem;
    margin-left: 0.1rem;
}
.btn4{
    color:#999;
    height: .56rem;
    width:1.2rem;
    border:1px solid #EEE;
    border-radius: 0.1rem;
    margin-left: 0.1rem;
}
/*选择评论商品*/
.chooseEva li .radio{
    display: inline-block;
    width:0.37rem;
    height: 0.37rem;
    background: url("../image/radio.png") center no-repeat;
    background-size: 100%!important;
    margin-right: .15rem;
    position: absolute;
    right: 0;
}
.chooseEva li.on .radio{
    background: url("../image/pay_radio_on.png") center no-repeat;
}
.chooseEva li .wareName{
    padding-right: 0.47rem;
}

/*评论*/
.pePage .wareInfo{
    padding:0.25rem;
    display: flex;

    border-bottom:1px solid #EEE;
}
.pePage .wareInfo .wareImage{
    border:1px solid #EEE;
    height: 1.24rem;
    width: 1.24rem;
    margin-right: 0.25rem;
}
.pePage .wareInfo .wareImage img{
    height: 1.24rem;
    width: 1.24rem;
}
.evaLvl{margin-top: .36rem;}
.evaLvl i{
    background: url("../image/level.png") center no-repeat;
    background-size: 0.31rem auto;
    width: 0.31rem;
    height: 0.31rem;
    display: inline-block;
}
.evaLvl i.on{
    background: url("../image/level_on.png") center no-repeat;
    background-size: 0.31rem auto;
}

.sectionH{
    height: 1rem;   
}
.evasection{
    position: fixed;
    bottom: 0;
    width:100%;
    height: 1.27rem;
}
.evaBottom {
    padding:0 .25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.evaBottom .nm{
    display: flex;
    align-items: center;

}
.evaBottom .nm i{
    background: url("../image/radio.png") center no-repeat;
    background-size: 0.37rem auto;
    width: 0.37rem;
    height: 1.07rem;
    display: inline-block;
     margin-right: 0.25rem;
}
.evaBottom .nm.on i{
    background: url("../image/radio_on.png") center no-repeat;
    background-size: 0.37rem auto;
    width: 0.37rem;
    height: 1.07rem;
    display: inline-block;
     margin-right: 0.25rem;
}

.evaBottom .sub{
    color:#FFF;
    background-color: #F41860;
    width:1.5rem ;
    height:.52rem ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
}
.pePage .liuyanItem {
    padding:0.25rem;
}
.evaTextare{
    min-height:1.45rem;
}
/*会员中心*/
.memberInfo{
    width: 100%;
    position: relative;
    background-color: #f2f6f7;
    padding-bottom: .25rem;
}
.memberBackground{
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
    width: 100%;
}

.memberBackground img{
    width: 100%;
    height: auto;
}
.memberHeard{
    height: 0.88rem;
    padding: 0 0.25rem;
    position: relative;
    display: flex;
    flex-direction:row-reverse;
    z-index:2;

}
.memberHeard .message {
    width: 0.38rem;
    height: 0.88rem;
    background: url("../image/message_icon.png") center no-repeat;
    background-size: 0.38rem auto;
    position: relative;
}
.newMsg.on{
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 0.5rem;
    background:#FFF;
    position: absolute;
    right: 0;
    top: 0.2rem;
 }
.memUserInfo{
    position: relative;
    z-index:2;
    margin: 0 0.25rem;
    background-color: #FFF;
    border-radius: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 3px 3px 10px #909596;
    padding:0 0.25rem;
}
.memUser .memTx{
    width:1.36rem;
    height: 1.36rem;
    position: absolute;
    border-radius: 50%;
    top:-0.45rem;
}
.memUser .memTx img{
    width:100%;
    height: auto;
    border-radius: 50%;
}
.memShopInfo .memTx{
    width:1.36rem;
    height: auto;
    position: absolute;
    border-radius:none;
}
.memShopInfo .memTx img{
    border-radius:0;
}
.memShopInfo .memUser{position: relative;}
.memUser .userBox {
    margin-left: 1.56rem;
    padding-top:.15rem;
    height: 1.26rem;
}
.memUser .userBox .uname{
    font-size:0.36rem;
}
.memUser .userBox .uphone{
    font-size:0.24rem;
}
.memUser .userBox .vip i{
    background: url("../image/vip_icon.png") center no-repeat;
    background-size: 0.25rem 0.29rem;
    width: 0.3rem;
    height: auto;
    display: inline-block;margin-left: .15rem;
}
.memUser .userBox .personalData{
    font-size: .24rem;
    color:#f41860;
    background-color: #fdd8e4;
    height: .5rem;
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 0;
    top:.38rem;
    padding:0 0.09rem 0 0.19rem;
    border-top-left-radius:0.5rem;
    border-bottom-left-radius:0.5rem;
}
.memUser .userBox .personalData i:nth-child(1){
    background: url("../image/data_icon.png") center no-repeat;
    background-size: 0.28rem auto;
    width: 0.28rem;
    height: .5rem;
    display: inline-block;
    margin-right:.11rem ;
}
.memUser .userBox .personalData i:nth-child(2){
    background: url("../image/data_icon2.png") center no-repeat;
    background-size:auto 0.19rem;
    width: 0.2rem;
    height: .5rem;
    display: inline-block;
    margin-left:.11rem ;
}
.memUserInfo .memQuan{
    height: 1.36rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.memUserInfo .memQuan li{
    height: 1.36rem;
   display: flex;
   flex-direction:column;
   position: relative;
   align-items: center;
   justify-content: center;
   flex-grow: 1;
}
.memUserInfo .memQuan li .count{
   color:#1a1a1a;
   font-size:.36rem;
}
.memUserInfo .memQuan li .tit{
   color:#666;
   font-size:.26rem;
   margin-top: .125rem;
}
.memUserInfo .memQuan li .borderR{
   border-right: 2px solid #EEE;
   height:0.4rem;
   position: absolute;
   right: 0rem;

}
.order_tit{
    height: .7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 0.25rem;
}
.order_tit .right_icon{
    color:#b2b2b2;
    height: .7rem;
    display: flex;
    align-items:center;
}
.order_tit .right_icon i{
    display: inline-block;
    background: url("../image/back_g_right.png") center no-repeat;
    background-size:auto 0.18rem;
    width: 0.2rem;
    height: .7rem;
    margin-left:0.1rem;

}
.memberPage{margin-bottom: 1rem;}
.memberPage .orderBox{
    display: flex;
    justify-content: space-between;

}
.memberPage .orderBox li{
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;

}
.memberPage .orderBox li i{
    display: inline-block;
    width: 0.34rem;
    height: .34rem;
    margin-bottom: .23rem;
    position: relative;
}
.memberPage .orderBox li:nth-child(1) i{
    background: url("../image/orderIcon_1.png") center no-repeat;
    background-size:0.32rem;
}
.memberPage .orderBox li:nth-child(2) i{
    background: url("../image/orderIcon_2.png") center no-repeat;
    background-size:0.32rem 0.31rem;
}
.memberPage .orderBox li:nth-child(3) i{
    background: url("../image/orderIcon_3.png") center no-repeat;
    background-size:0.34rem 0.31rem;
}
.memberPage .orderBox li:nth-child(4) i{
    background: url("../image/orderIcon_4.png") center no-repeat;
    background-size:0.33rem 0.29rem;
}
.memberPage .orderBox li:nth-child(5) i{
    background: url("../image/orderIcon_5.png") center no-repeat;
    background-size:0.33rem 0.29rem;
}
.memberPage .orderBox li .msgCount{disply:none;}
.memberPage .orderBox li.on .msgCount{
    font-size: .16rem;
    height: .3rem;
    width: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color:#f41860;
    color:#FFF;
    border-radius: 50%;
    right: -0.12rem;
    top: -0.12rem;
}
.functionBox li{
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 0.25rem;
    border-bottom: 1px solid #EEE;
}
.functionBox li .icon{
    height: 1rem;
    display: inline-block;
    display: flex;
    align-items: center;
    text-indent: .7rem;
}
.functionBox li .backIcon{
    height: 1rem;
    display: inline-block;
    background: url("../image/back_g_right.png") center no-repeat;
    background-size:auto 0.18rem;
    width: 0.2rem;
}
.functionBox li:nth-child(1) .icon{
    background: url("../image/functionIcon_1.png") 0 center no-repeat;
    background-size:0.24rem 0.31rem;
}
.functionBox li:nth-child(2) .icon{
    background: url("../image/functionIcon_2.png") 0 center no-repeat;
    background-size:0.37rem 0.25rem;
}
.functionBox li:nth-child(3) .icon{
    background: url("../image/functionIcon_3.png") 0 center no-repeat;
    background-size:0.33rem 0.32rem;
}
.functionBox li:nth-child(4) .icon{
    background: url("../image/functionIcon_4.png") 0 center no-repeat;
    background-size:0.22rem 0.34rem;
}
.functionBox li:nth-child(5) .icon{
    background: url("../image/functionIcon_5.png") 0 center no-repeat;
    background-size:0.31rem 0.29rem;
}

/*商品中心*/
.memberShopInfo{
	background: url("../image/member_bg_shop.png") 0 no-repeat;
    background-size:100%;
}
.memberShopPage .functionBox li:nth-child(1) .icon{
    background: url("../image/functionIcon_6.png") 0 center no-repeat;
    background-size:0.29rem;
}
.memberShopPage .functionBox li:nth-child(2) .icon{
    background: url("../image/functionIcon_4.png") 0 center no-repeat;
    background-size:0.22rem 0.34rem;
}
.memberShopPage .functionBox li:nth-child(3) .icon{
     background: url("../image/functionIcon_5.png") 0 center no-repeat;
    background-size:0.31rem 0.29rem;
}
.memberShopPage .orderBox{
    display: flex;
    justify-content: space-between;

}
.memberShopPage .orderBox li{
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;

}
.memberShopPage .orderBox li i{
    display: inline-block;
    width: 0.34rem;
    height: .34rem;
    margin-bottom: .23rem;
    position: relative;
}
.memberShopPage .orderBox li:nth-child(1) i{
    background: url("../image/orderIcon_1.png") center no-repeat;
    background-size:0.32rem;
}
.memberShopPage .orderBox li:nth-child(2) i{
    background: url("../image/orderIcon_2.png") center no-repeat;
    background-size:0.32rem 0.31rem;
}
.memberShopPage .orderBox li:nth-child(3) i{
    background: url("../image/orderIcon_3.png") center no-repeat;
    background-size:0.34rem 0.31rem;
}

.memberShopPage .orderBox li .msgCount{disply:none;}
.memberShopPage .orderBox li.on .msgCount{
    font-size: .16rem;
    height: .3rem;
    width: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color:#f41860;
    color:#FFF;
    border-radius: 50%;
    right: -0.12rem;
    top: -0.12rem;
}

.memShopInfo{
    position: relative;
    z-index:2;
    margin: 0 0.25rem;
	color:#FFF;

}
.memberShopInfo .memUser .memTx{
	top:0.25rem;
}
.shopTx{height: 0.66rem;}
.shopTx img{width: auto; height: 0.66rem;}
.memberShopInfo .memUser .userBox .personalData{
    font-size: .24rem;
    color:#f41860;
    background-color: #FFF;
    height: .5rem;
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 0;
    top:.38rem;
    padding:0 0.09rem 0 0.19rem;
    border-top-left-radius:0.5rem;
    border-bottom-left-radius:0.5rem;
}
.memberShopInfo .memUser .userBox .personalData i:nth-child(1){
    background: url("../image/data_icon.png") center no-repeat;
    background-size: 0.28rem auto;
    width: 0.28rem;
    height: .5rem;
    display: inline-block;
    margin-right:.11rem ;
}
.memberShopInfo .memUser .userBox .personalData i:nth-child(2){
    background: url("../image/data_icon2.png") center no-repeat;
    background-size:auto 0.19rem;
    width: 0.2rem;
    height: .5rem;
    display: inline-block;
    margin-left:.11rem ;
}
.shopMoney{
	color:#FFF;
	height: .74rem;
	font-size:.24rem ;
}
/*个人资料*/
.memberInfoPage .settings li .tx{
    width: .66rem;
    height: .66rem;
    border-radius: 50%;
}
.memberInfoPage .settings li .tx img{
    width: 100%;
    height: 100%;
    border-radius: 50%;

}
.memberInfoPage .settings li .inputInfo input{
    text-align: right;
}
.memberInfoPage .settings li .inputInfo input[readonly]{
    color: #999;
}

.memberInfoPage .settings li .sex {
    height: 1.05rem;
    border: none;
    font-size: .28rem;
    -webkit-appearance: none;
　　  -moz-appearance: none;
    background-color: #FFF;
    background-image:url("../image/back_g_right.png");
    background-repeat: no-repeat;
    background-position:right center;
    background-size:auto 0.18rem;
}
.memberInfoPage .settings li .loginIcon i{
    height: .49rem;
    display: inline-block;
    background-size:100%!important;
    width: .49rem;
    margin-left: 0.2rem;
}
.memberInfoPage .settings li .loginIcon i:nth-child(1){
    background: url("../image/loginIcon_1.png") center no-repeat;
}
.memberInfoPage .settings li .loginIcon i:nth-child(2){
    background: url("../image/loginIcon_2.png") center no-repeat;
}
/*订单详情*/
.odBox1{
    padding:0.3rem 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.odBox1 ul li:nth-child(2){
    margin-top: 0.2rem;
}
.OrderDetailsInfoPage{padding-bottom:1.05rem;}
.OrderDetailsInfoPage .settings li span:nth-child(1){
    width: 1.5rem;
}
.odBox2,.odBox3{
    padding:0 0.25rem;
}
.odBox2 .deliveryTime{
    height:.85rem;
    border-bottom: 1px solid #EEE;
}
.odBox3 li{
    height: .55rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.odBox3 li span{
   font-size:.24rem;
   color:#999;
}
.odBox3 li div{
    width: 2rem;
    text-align: right;
}
.odBox3 .tol{height: .8rem;}
.odBox3 .tol span:nth-child(1){
   font-size:.28rem;
   color:#333;
}
.odBox3 .tol span:nth-child(2){
    font-size:.28rem;
    color:#f41860;
}
.orderFoot{
    position: fixed;
    bottom: 0;
    width: calc(100% - 0.5rem);
    height: 1.05rem;
    padding:0 0.25rem;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.notyhq {
    border: 1px solid #eee;
    width: calc(100% - 0.5rem);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(178,178,178);
    height: 0.7rem;
    margin-top: 0.2rem;
}

/*我的地址*/
.addressPage .pageTitle{
    height: 0.79rem;
    background-color: #f2f6f7;
    font-size:.3rem;
}
.addressPage .pageTitle .btn{
    height: 0.79rem;
    color: #F41860;
    font-size:.24rem;
    display: flex;
    align-items: center;
}

.addressPage .addressList li .addressBox{
    padding:0.3rem 0 0.42rem 0;
    border-bottom: 1px solid #EEE;
}
.addressPage .addressList li .addressBox .addressInfo{
   margin-top: 0.25rem;
   text-indent: 0.37rem;
   background: url("../image/gpsIcon.png") 0 0.05rem no-repeat;
   background-size:0.27rem 0.31rem;
}
.addressPage .addressList li .addressBox2{
    height:.88rem;
}
.default_address{
    height: .88rem;
    display: flex;
    align-items: center;
}
.default_address i{
    display: inline-block;
    width:0.37rem;
    height: 0.37rem;
    background: url("../image/radio.png") center no-repeat;
    background-size: 100%!important;
    margin-right: .15rem;
}
.default_address.on i{
    background: url("../image/radio_on.png") center no-repeat;
}
.addressBox2 .icon1,.addressBox4 .icon1{
    display: inline-block;
    width:0.37rem;
    height: 0.88rem;
    background: url("../image/update.png") center no-repeat;
    background-size: .28rem .29rem;
    margin-left: .15rem;
}
.addressBox2 .icon2,.addressBox4 .icon2{
    display: inline-block;
    width:0.37rem;
    height: 0.88rem;
    background: url("../image/delete.png") center no-repeat;
    background-size: .30rem .32rem;
    margin-left: .15rem;
}
.addressList li{
    margin-bottom:0.2rem;
    background-color: #FFF;
}
.addressList li:last-child{
    margin:0;
}

/* 底部导航 */
.sectionH{
    height: 1.1rem;
    margin-top:0.88rem;
}
/*新增地址*/
.addBox li{
    display: flex;
    align-items: center;
}
.addBox li .boxTit{
    min-width:1.65rem;
    max-width: 2.5rem;
    padding-right: 0.2rem;
}
.addBox li .inputInfo{
    flex-grow: 1;
    color:#999;
}
.addBox li .inputInfo span.on{
    flex-grow: 1;
    color:#333;
}
.addBox li .inputInfo input{
    width:100%;
}
.addBox li .selectBox i{
    display: inline-block;
    background: url("../image/back_g_right.png") center no-repeat;
    background-size:auto 0.18rem;
    width: 0.2rem;
    height: 0.18rem;
    margin-left: 0.1rem;
}
.addBox li .selectBox{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.addBox li .boxTit span{
    width:.14rem;
    height: .13rem;
    background-size: 100%!important;
}
.addBox li .boxTit .tursIcon{
   background: url("../image/must_icon.png") center no-repeat;
    background-size: 100%!important;
}
/*选择地址*/
.gpsCity{background: #FFF;height:1rem;}
.chooseTit{font-size:.26rem;color:#5e5e5e;backgound:#f2f6f7;height: .82rem;}
.gpsCity .icon{color:#f41860;height: 1rem;display: flex;align-items: center;}
.gpsCity .icon i{
    display: inline-block;
    width:.28rem;
    height: .28rem;
    background: url("../image/gps_on.png") center no-repeat;
    background-size: 100%!important;
    margin-right: 0.2rem;
}
.chooseBox{
    position: relative;
}
.chooseIndex{
    position: fixed;
    right: 0;
    width: 0.25rem;
}
.chooseIndex li{
   width: 0.25rem;
   height: 0.4rem;
   display: flex;
   align-items: center;
   justify-content: center;
}
.cityList li{
    height:1.05rem;
    margin:0 auto;
    width: calc(100% - 0.5rem);
    border-bottom: 1px solid #EEE;
}
/*我的评价*/
.evaList li{
    background-color:#FFF;
    padding: 0 0.25rem 0.2rem 0.25rem;
    margin-bottom: 0.2rem;
}
.evaList li .evaBox1 {height:.8rem;font-size:.24rem;color: #999}
.evaList li .evaBox1 .evaLvl{ margin:0;height: .21rem;}
.evaList li .evaBox1 .evaLvl i.on{ background-size:0.21rem!important;height: .21rem;width:0.21rem;}
.evaList li .evaBox2{font-size:.26rem; }
.evaList li .evaBox3{
    background-color: #f5f5f5;
    padding:0.18rem 0 0.18rem 0.3rem;
    margin-top: 0.2rem;
    display: flex;
    font-size: .24rem;
    color:#999;
}
/*我的收藏*/
.favoritePageList .wareInfo .warePrice{
    align-items: center;
}
.favoritePageList .wareInfo{
    padding:0.25rem 0.25rem;
    background-color: #FFF;
    margin-bottom: .2rem;
    border:none;
}
.favoritePageList .favoriteBtns{
    display: flex;
}
.favoritePageList .favoriteBtns div{
    padding:0 0.15rem;
    height: .46rem;
    border:1px solid #EEE;
    display: flex;
    align-items: center;
    border-radius: .5rem;
    font-size: .24rem;
}
.favoritePageList .favoriteBtns .favoriteBtn1{margin-right: 0.19rem;}
.favoritePageList .shop_Info,.favoritePageList .com_Info{
    padding: 0.25rem 0.25rem;
    background-color: #FFF;
    margin-bottom: .2rem;
    border: none;
    display: flex;
    align-items: center;
}

.favoritedelete{
    padding:0 0.15rem;
    height: .46rem;
    border:1px solid #EEE;
    display: flex;
    align-items: center;
    border-radius: .5rem;
    font-size: .24rem;
}
.favoritePageList .shop_Info .shopImage{
    width: 1.58rem;
    margin-right: 0.25rem;
    border: 1px solid #f2f2f2;
}
.shopImage img{
    height:0.79rem;
    width: 1.58rem;
}
.shopName{
    display: flex;align-items: center;justify-content: space-between;
}
.shop_sign{
    color: #999999;
    font-size: .26rem;
    margin-top: .3rem;
}
.comImage{
    height:2.44rem;
    width: 2.44rem;
    margin-right: 0.4rem;
    border:1px solid #f2f2f2;
}
.comImage img{
    height:2.44rem;
    width: 2.44rem;
}
.conData{
    height:2.44rem;
    width: 100%;
}
.coms{margin-top: .2rem}
.BoxRight{display: flex;justify-content: flex-end;margin-top: .4rem;}

/*我的积分*/
.integralTotal{display: flex;flex-direction: row-reverse;position: relative;padding:0 0.25rem;}
.integralBg{position: absolute;z-index:1;}
.integralBg img{width: 100%;height:auto;}
.integralCount{z-index: 2;width:50%;color:#FFF;margin-top:0.4rem;}
.integralTotal .intergral{font-size: .72rem;}
.CountBox{display: flex;flex-direction: column;}
.integralCount .intBtn{
    background: #FFF;
    color:#F41860;
    font-size: .28rem;
    width: 2.08rem;
    height: .59rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    margin-top:.23rem;
}
.intergralPageTit{
    height: 1rem;
    background-color: #f2f6f7;
}
.intergralClass{
    border-bottom:1px solid #EEE;
    display: flex;
    background-color: #FFF;
    color:#b2b2b2;
}
.intergralClass li{
    height: .8rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.intergralClass li.on{color:#333;}
.intergralList li{
    padding:0.3rem 0;
    border-bottom:1px solid #EEE;
}
.intergralList li .intergralDetails{
    font-size: .36rem;
    color:#F41860;
}
.intergralList li .time{color:#999;font-size: 0.24rem;}
/*积分兑换*/
.integralCouponPage .pageTitle{
    height: .81rem;
    color:#F41860;
}
/*银行卡*/
.addCard{
    margin-top: .22rem;
    border-radius: 0.1rem;
    border:1px dashed #b3b3b3;
    height:1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.addCard i{
    width:.31rem;
    height: .31rem;
    background: url("../image/add_icon.png") center no-repeat;
    background-size: 100%!important;
    margin-right: .25rem;
}
.cardList li{
    background-color: #FFF;
    border-radius: 0.1rem;
    height: 1.97rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.32rem;
    margin-bottom: 0.2rem;
}
.cardList li .cardBox1 .cardType{
    padding-top:.27rem;font-size: .3rem;
    display: flex;
    align-items: center;
}
.cardList li .cardBox1 .cardType .mastercard{
    display: inline-block;
    width: .88rem;height:.55rem;
    background: url("../image/mastercard.png") center no-repeat;
    background-size: 100%!important;
    margin-right: .3rem;
}
.cardList li .cardBox1 .cardType .visa{
    display: inline-block;
    width: 1.21rem;height:.39rem;
    background: url("../image/visa.png") center no-repeat;
    background-size: 100%!important;
    margin-right: .3rem;
}
.cardList li .cardBox1 .cardTitle{margin-top: .37rem;font-size: .36rem;color:#616161;}
.cardList li .cardBox1 .cardTitle span{margin-right: .15rem;}
.cardList li .cardDel{
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.cardList li .cardDel i{
    display: inline-block;
    width: .33rem;height:.35rem;
    background: url("../image/delete_icon.png") center no-repeat;
    background-size: 100%!important;

}
/*添加银行卡*/
.addBox li .timeIcon {display: flex;justify-content: space-between;align-items: center;}
.addBox li .timeIcon i{
    display: inline-block;
    background: url("../image/time_icon.png") center no-repeat;
    background-size:100%;
    width: 0.28rem;
    height: 0.3rem;
}
/*消息中心*/
.msgList li{
    padding: 0.35rem 0;
    border-bottom: 1px solid #EEE;
    display: flex;
    align-items: center;
}
.msgList li .icon{
    background-size:100%!important;
    height: .6rem;
    width: .6rem;
    margin-right: 0.32rem;
}
.msgList li .icon1{ background: url("../image/msg_icon1.png") center no-repeat;}
.msgList li .icon2{ background: url("../image/msg_icon2.png") center no-repeat;}
.msgList li .msgBox1 {flex-grow: 1;}
.msgList li .msgBox1 .msgTitle{display: flex;justify-content: space-between;flex-grow: 1;}
.msgList li .msgBox1 .msgTitle .msgName{position: relative;}
.msgList li .msgBox1 .msgTitle .msgTime{
    color:#b2b2b2;
    font-size:.24rem;
}
.msgList li .msgBox1 .msgContent{font-size: .26rem;color:#a8a8a8;display: inline-block;width: calc(100% - 0.4rem);}
.msgList li.on .newMsg2 {
    width: 0.14rem;
    height: 0.14rem;
    border-radius: 0.5rem;
    background:#F41860;
    position: absolute;
    right: -0.2rem;
    top:0;
 }

 /*配送方式*/
.psList li{display: flex;align-items: center;border-bottom: 1px solid #EEE;}
.psBox1{width: 2.4rem;display: flex;justify-content: center;align-items: center;}
.psBox2{width:calc(100% - 2.4rem);padding: .25rem;border-left:1px solid #EEE;}
.psList li .pstit{
    width: auto;
    min-width: 1.1rem;
    max-width: 1.9rem;
    height: .42rem;
    color:#FFF;
    border-radius: 0.5rem;
    font-size: .18rem;
    padding:0 0.1rem;
}

/*首页index*/
.indexHeader{
    display: flex;
    align-items: center;
}
.indexHeader .headerPageLeft{
    height:.88rem;
    display: flex;
    align-items: center;
    font-size: .26rem;
    padding-right: 0.2rem;
    max-width: calc(100% - 4.2rem);
}
.indexHeader .headerPageLeft span{
   white-space: nowrap;
   overflow-x: hidden;
    max-width: calc(100% - .61rem);
}
.indexHeader .headerPageLeft .gpsIcon{
    display: inline-block;
    height:.4rem;
    width:.45rem;
    background:url("../image/gps_black_icon.png") left center no-repeat;
    background-size: auto .4rem;
    padding-right: 0.16rem;
}
.indexHeader .headerPageLeft .icon{
    display: inline-block;
    height:.1rem;
    width:.14rem;
    background:url("../image/down_icon.png")  center no-repeat;
    background-size: .14rem .1rem;
    margin-left: 0.05rem;
}
.indexHeader .headerPageCenter{
    border-radius: 0.5rem;
    background-color: #f2f2f2;
    height: .62rem;
    padding: 0 0.24rem;
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-width: 2.37rem;
}
.indexHeader .headerPageCenter i{
    height:0.62rem;
    width:.28rem;
    display: inline-block;
    background: url(../image/seach_icon.png) center no-repeat;
    background-size: 0.28rem auto;
    margin-right: 0.1rem;
}
.indexHeader .headerPageCenter span{
    color:#b1b1b1;
}
.indexHeader .headerPageRight{
    height:.88rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .26rem;
    min-width: 1.3rem;
}

.banner{
   
}
.banner .swiper-container{

}
.banner img{width:100%;}
.banner .swiper-pagination-bullet{
    height:0.14rem;
    width:0.14rem;
    border-radius: 0.05rem;
    opacity: 0.3;
    background:#FFF!Important;
    margin: 0 0.06rem!Important;
    animation: back-active 0.1s;
    -moz-animation: back-active 0.1s;   /* Firefox */
    -webkit-animation: back-active 0.1s;    /* Safari 和 Chrome */
    -o-animation: back-active 0.1s; /* Opera */
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
}
.indexBox1{
    display: flex;
    flex-wrap:wrap;
}
.indexBox1 li{
    width:20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:.3rem;
    flex-direction: column;
    text-align: center;
}
.indexBox1 li .icon{
    width: .9rem;
    height: .9rem;
}
.indexBox1 li span{
    font-size: .24rem;
    margin-top: .23rem;
    height:0.63rem;
}
.mdkb{
    height:.9rem;
    padding: 0 .25rem;
     align-items: center;
    display: flex;
    margin-bottom: 0.01rem;
}
.mdkb i{
    min-width: 1.22rem;
    padding-right: .25rem;
    margin-right: .15rem;
    border-right: 1px solid #eee;
    height:0.27rem;
    display: inline-block;
    background:url("../image/mdkb.png") 0 center no-repeat;
    background-size: 1.22rem auto;
}
.mdkb.en i{
    background:url("../image/mdkben.png") 0 center no-repeat;
    background-size: .91rem auto;
}
.mdkb .mdkbnr{
    flex-grow: 1;
    white-space: nowrap;
    overflow-x: hidden;
    color:#000;
}
.ms_title{
    padding:0 0.25rem;
    height:.9rem;
    background:url("../image/xsms.png")  center no-repeat;
    background-size: 2.04rem auto;
    position: relative;
}
.ms_title.en{
    background:url("../image/xsmsen.png")  center no-repeat;
    background-size: 2.04rem auto;
}
.ms_title .move{
    color:#f41860;
    font-size: .26rem;
    height:.9rem;
    position: absolute;
    right:0.25rem;
}
.ms_title .move .icon{
    display: inline-block;
    height:.9rem;
    width:.10rem;
    background:url("../image/0-dgkh.png")  center no-repeat;
    background-size: .10rem auto;
    margin-left: 0.2rem;
}
.indexBox2 {
    display: flex;
    justify-content: space-between;
}
.indexBox2 li{
    position: relative;
    flex-grow:1;
    display: flex;
    align-items: center;
    color:#0d0004;
}
.indexBox2 li.on{
   color:#f41860;
}
.indexBox2 li .boxtitle1{font-size:.26rem;}
.indexBox2 li .boxtitle2{font-size:.22rem;}
.indexBox2 li .time{font-weight: 500;}
.indexBox2 li:nth-child(1){
   justify-content: flex-start;padding-left:.2rem;
}
.indexBox2 li:nth-child(2){
   justify-content: center;
}
.indexBox2 li:nth-child(3){
   justify-content: flex-end;padding-right:.2rem;
}
.indexBox2 li .boxflex{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.indexBox2 li .border_right{
    position: absolute;
    right: 0;
    height: 0.3rem;
    width: 1px;
    background-color:#eee;
}
.indexBox3{height: 0.8rem;font-size: .26rem;}
.msdjs{color:#000;display: flex;align-items: center;}
.djstime{
    height: .35rem;
    width: .35rem;
    background-color: #000;
    color:#fff;
    font-size: 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.djstime.hh{margin-left:0.2rem;}

.ware_swiper .swiper-slide{
    display: flex;
    width: auto;
}
.wareItem{
    width: 2.2rem;
    position: relative;
}

.wareItem .wareImgBox{
    width: 2.2rem;
    height: 2.4rem;
}
.wareItem .wareImgBox img{
    height: auto;
    width: 100%;
}
.wareItem .wareName{
    padding:0.11rem 0.08rem;
    height: 0.64rem;

}
.wareItem .wareName span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.wareItem .warePrice{
    display: flex;
    font-size: .24rem;
    margin-bottom:.1rem;
    padding:0.11rem 0.08rem;
    color:#f41860;
    align-items: flex-end;
}
.wareItem .warePrice del{
    font-size: .2rem;
    margin-left: 0.1rem;
    color:#b2b2b2;
}
.ware_swiper .swiper-pagination.swiper-pagination-bullets{
    position: relative!important;
}
.ware_swiper .swiper-pagination-bullet{

    height:0.14rem;
    width:0.14rem;
    border-radius: 50%;
    opacity: 0.3;
    background:#f41860!Important;
    margin: 0 0.06rem!Important;

}
.ware_swiper .swiper-pagination-bullet-active{
    opacity: 1;
}

.indexBox4 {position: relative;padding-top: 1rem;background: #f2f6f7;padding-bottom: 0.2rem}
.indexBox4 .mztj_bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
.indexBox4 .mztj_bg img{
    width: 100%;
    height: auto;
}
.tj_swiper{border-radius: 0.05rem;}
.tj_number{
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    background:url("../image/pm_icon.png")  center no-repeat;
    background-size: .33rem .39rem;
    color:#fff;
    height:.39rem;
    width:.33rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
}
.mztj_list{position: relative;}
.mztj_list .move{position: absolute;
    bottom: 0;
    color: #f41860;
    font-size: .26rem;
    height: .5rem;
    right: 0.5rem;
    z-index: 1;
}
.mztj_list .move .icon {
    display: inline-block;
    height: .5rem;
    width: .10rem;
    background: url(../image/0-dgkh.png) center no-repeat;
    background-size: .10rem auto;
    margin-left: 0.2rem;
}
.boxHeader{
    height:0.9rem;
    font-size: .3rem;
    color:#010101;
}
.boxHeader i{ display: inline-block; margin-right: .2rem;}
.boxHeader .tuijian_icon{
    width: .42rem;
    height:0.9rem;
    background:url("../image/wntj_icon.png")  center no-repeat;
    background-size: .42rem .4rem;
}
.boxHeader .new_icon{
    width: .54rem;
    height:0.9rem;
    background:url("../image/new_icon.png")  center no-repeat;
    background-size: .54rem auto;
}
.boxHeader .like_icon{
    width: .42rem;
    height:0.9rem;
    background:url("../image/like_icon.png")  center no-repeat;
    background-size: .42rem auto;
}
.boxHeader .hot_icon{
    width: .43rem;
    height:0.9rem;
    background:url("../image/hot_icon.png")  center no-repeat;
    background-size: .43rem auto;
}
.bannerBox {width: 100%}
.bannerBoX img{width: 100%;height: auto;}

.boxHeader .move{
    color:#f41860;
    font-size: .26rem;
    height:.9rem;
    position: absolute;
    right:0.25rem;
}
.boxHeader .move .icon{
    display: inline-block;
    height:.9rem;
    width:.10rem;
    background:url("../image/0-dgkh.png")  center no-repeat;
    background-size: .10rem auto;
    margin-left: 0.2rem;
}

.boxleft{
    width: 2.5rem;
    height: 5rem;
    background:url("../image/0-xdsp-bg.png") 0 0 no-repeat;
    background-size:100% 100%;
    color:#f41860;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.boxleft .ware_img{width: 100%;}
.boxleft .ware_img img{width:100%;height: auto;}
.boxright{width:calc(100% - 2.5rem); height: 5.02rem;max-height: 5.02rem;}
.wareItem2{
    padding-top:.3rem;padding-left: .20rem;padding-right: .20rem;
    border-top:1px solid #e6e6e6;
    display: flex;
    justify-content: center;
}
.wareItem2 .wareName{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:calc(100% - 2.27rem);
}
.wareItem .wareName .wtitle{
    padding:0.11rem 0.08rem;
    height: 0.64rem;

}
.wareItem .wareName .wtitle span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.wareItem_img{width:2.27rem;max-height: 2.2rem;}
.wareItem_img img{max-width:2.27rem;height:auto;max-height: 2.2rem;}

.index_otherTitle{
    height: 0.6rem;
    font-size:.22rem;
    color:#bdc4c6;
}
.index_otherTitle span{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #dddddd;
    height: 0.6rem;
}
.index_otherTitle span:before{
    display: inline-block;
    content: '';
    width: 2.2rem;
    height: 2px;
    background: #eeeeee;
    margin-right: 0.2rem;
}
.index_otherTitle span:after{
    display: inline-block;
    content: '';
    width: 2.2rem;
    height: 2px;
    background: #eeeeee;
    margin-left: 0.2rem;
}
.back_top{position: fixed;right: 0.25rem;bottom:1.1rem;width: 0.6rem;height: 0.6rem;border:1px solid #eee;background: url("../image/back_top.png") center no-repeat;background-size: 0.35rem;z-index:2;background-color: #fff}
/*分类class*/
.classifyHeader .headerRight i{
    display: inline-block;
    height:.88rem;
    width:.35rem;
    background:url("../image/seach_on.png")  center no-repeat;
    background-size: .32rem .35rem;
}
.classifyHeader .classifyType{
    height: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.classifyHeader .classifyType .ctype{
    height: .62rem;
    width: 2.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#F41860;
    background-color: #FFF;
    border-top:1px solid #f41860;
    border-bottom:1px solid #f41860;
    border-right:1px solid #F41860;
}
.classifyHeader .classifyType .ctype:nth-child(1){
    border-left:1px solid #F41860;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.classifyHeader .classifyType .ctype:nth-child(2){
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.classifyHeader .classifyType .ctype.on{
    color:#FFF;
    background-color: #F41860;
}
.classifType2{
    height: .72rem;
    display: flex;
    align-items: center;
    overflow-x: scroll;
    white-space: nowrap;
}
.classifType2::-webkit-scrollbar {
    display: none;
}
.classifType2 li{
    font-size: .26rem;
    display: inline-flex;
    align-items: center;
    height:.46rem;
    border-radius: 0.5rem;
    padding:0 0.16rem;
    margin-right: 0.3rem;

}
.classifType2 li.on{
    color:#FFF;
    background-color:#F41860;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 3px 3px 5px #909596;
}
.classifyList{
    display: flex;
    justify-content: space-between;
}
.classifyList .classify_Left {
    width:1.78rem;
    overflow-y: scroll;
    font-size: .26rem;
    color:#666666;
    height:100%;
    background-color:#f2f6f7;
}
.classifyList .classify_Left li{
    width:1.78rem;
    height: .9rem;
    background-color:#f2f6f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #EEE;
    text-align: center;
}
.classifyList .classify_Left li.on{
    background-color:#FFF;
    color:#f41860;

}
.classifyList .classify_Right {
    height:100%;
    overflow-y: scroll;
    width:calc(100% - 1.78rem);
}
.classifyList .classify_Right .classify_title{margin:0.24rem 0 .4rem 0;}
.classifyList .classify_Right .classify_title span{border-bottom: 1px solid #CCC;width:.53rem;}
.classifyList .classify_Right .classify_title span:nth-child(1){margin-right: .48rem}
.classifyList .classify_Right .classify_title span:nth-child(2){margin-left: .48rem}
.classify_Right .list{
    padding-left:0.3rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
.classify_Right .list .typeli{width:1.43rem;margin-right: 0.32rem;margin-bottom:0.3rem;}
.classify_Right .list .typeli .imageBox{
    width: 1.43rem;
    height:1.43rem;
    border:1px solid #EEE;
    margin-bottom: .25rem;
    background-color: #fff;
}
.classify_Right .list .typeli .imageBox img{
    width: 100%;
    height: 100%;
}
.classify_Right .list .typeli.shopli{
    width: 2.38rem;
    margin-right: 0.32rem;
    margin-bottom: 0.3rem;
}
.classify_Right .list .typeli.shopli .imageBox{
    width: 2.38rem;
    height: 1.19rem;
    border:1px solid #EEE;
    margin-bottom: .25rem;
    background-color: #fff;
    display: flex;
    align-items: center;
}
.classify_Right .list .typeli.shopli .imageBox img{
    width: 100%;
    height: 100%;
}
.classify_Right .list .brandli{width:1.54rem;margin-right: 0.22rem;margin-bottom:0.3rem;}
.classify_Right .list .brandli .imageBox{
    width: 1.54rem;
    height:1.02rem;
    border:1px solid #EEE;
    margin-bottom: .25rem;
    background-color: #fff;
}
.classify_Right .list .brandli .imageBox img{
    width: 100%;
    height: 100%;
}
/*分类搜索*/
.seachBox{
    border-radius: 0.5rem;
    background-color: #f2f2f2;
    height: .62rem;
    flex-grow: 1;
    padding: 0 0.24rem;
    display: flex;
}
.seachBox i{
    height:0.62rem;
    width:.28rem;
    display: inline-block;
    background: url(../image/seach_icon.png) center no-repeat;
    background-size: 0.28rem auto;
    margin-right: 0.1rem;
}
.seachBox input{
    height:0.62rem;
    flex-grow: 1;
}

.classifySearchHeader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EEE;
    position: fixed;

}
.classifySearchHeader .backPrevPages{
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/back_red.png) 0 center no-repeat;
    background-size: 0.18rem auto;
    z-index: 9;
    position: relative;
    left: 0;
    bottom:0;

}
.classifySearchHeader .headerRights{
    width: 1rem;
    height: 0.88rem;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 0.28rem;
    z-index: 9;
    justify-content: flex-end;
}

/*商铺*/
.shopHeader{
    background-color:rgba(30,28,25,.7)!important;
    height: auto;
    padding:0;
    width: 100%;
}
.shopHeaderBox1{
    position: relative;
    background-color:rgba(30,28,25,.7)!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#FFF;
    z-index:3;
    padding:0 0.25rem;
}
.shopHeaderBox2{
    position: relative;
    background-color:rgba(30,28,25,.7)!important;
    height: 1.98rem;
    padding:0 0.25rem;
    z-index:3;
    align-items: center;
    justify-content:space-between;
    display: flex;
}
.shopHeaderBox2 .shopImg{
    height: 1.98rem;
    display: flex;
    align-items: center;
    color:#fff;
}
.shopHeaderBox2 .shopImg img{
    width:1.58rem;height: auto;
    margin-right: 0.22rem;
}
.shopHeaderBox2 .shop_favorite{
    border:1px solid #cccccc;
    border-radius: 0.5rem;
    height:.48rem;
    padding:0 0.24rem;
    color:#fff;
    display: flex;
    align-items: center;

}
.shopHeaderBox2 .shop_favorite.on i{
    background: url(../image/sc_icon_on.png) center no-repeat;
    background-size: 0.31rem auto!important;
}
.wareFooter .footLeft .kefu i{
    display: inline-block;
    height:.4rem;
    width:.31rem;
    background: url(../image/kf_icon.png) center no-repeat;
    background-size: 0.31rem auto!important;
}
.shopHeaderBox2 .shop_favorite i{
    display: inline-block;
    width:.31rem;
    height:.48rem ;
    background: url(../image/favorite_white.png) center no-repeat;
    background-size: 0.31rem auto;

    margin-right: .15rem;
}
.shopHeaderBox2 .shop_favorite.on i{
    display: inline-block;
    width:.31rem;
    height:.48rem ;
    background: url(../image/sc_icon_on.png) center no-repeat;
    background-size: 0.31rem auto;
    margin-right: .15rem;
}

.shopHeader .shopHeaderBackImg{
    position: absolute;
    width:100%;
    height: 100%;
    top:0;
    right: 0;
    z-idnex:2;
}
.shopHeader .shopHeaderBackImg img{
    width: 100%;
    height:100%;
}
.shopHeader .backPrevPages{
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/shop_back.png) 0 center no-repeat;
    background-size: 0.18rem auto;
    z-index: 9;
}
.shopHeader .headerRights{
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/shop_icon.png) right center no-repeat;
    background-size: 0.36rem auto;
    z-index: 9;
    justify-content: flex-end;
}
.shopHeader .seachBox{
     background-color:rgba(78,78,78,.4)!important;
    height: .62rem;
    flex-grow: 1;
    padding: 0 0.24rem;
    display: flex;
}
.shopHeader .seachBox i{
    background: url(../image/seach_icon.png) center no-repeat;
    background-size: 0.28rem auto;
}
.shopHeader .seachBox input{
    color:#fff;
}
.shopHeader .seachBox input::-webkit-input-placeholder{ /* Mozilla Firefox 19+ */
  color: #fff;
}

.shopBanner img{
    width: 100%;
    height: auto;
}
.shopFooter{
    position: fixed;
    bottom:0;
    background-color: #fff;
    border-top:1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 5px 0 10px #e7e7e7;
    width: 100%;
    height: .97rem;
}
/*店铺详情*/
.shopDetailsPage .shopHeaderBox2{
    background-color: #fff!important;
}
.shopDetailsPage .shopHeaderBox2 .shopImg{
    height: 1.48rem;
    flex-grow: 1;
    color:#333!important;
    width: 100%;
}
.shopDetailsPage .shopHeaderBox2 .shopImg img{
    width: 1.58rem!important;align-self: flex-start;
}
.shopDetailsPage .shopHeaderBox2 .shop_name{
    height:100%;
    display: flex;
    flex-direction:column;
}
.shopDetailsPage .shopHeaderBox2 .shop_name .shop_sign{
    margin-top:.3rem;
    font-size: .24rem;
    color: #999;
}
.shopDetailsPage .shopHeaderBox2 .shop_favorite{
    background-color: #f41860!important;
    border:none!important;
    width: 1.5rem;
}
.shop_details{
    padding: 0.25rem;
    background-color: #fff;
}
.details_title{font-size:.3rem;font-weight:600;}
.details_content{color: #999;font-size: 0.24rem;margin-top: .25rem;text-indent: 2em;}
.details_content p{
    text-indent: 2em;
}
.details_content span{display: inline;}


/*商品详情*/
.wareHeader{
    /*background: -webkit-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0));*/
    width: calc(100% - 0.5rem);
    top:0;
    z-index: 2;
    display: flex;
}
.wareHeader .backPrevPages{
    bottom:0;
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/shop_back_black.png) 0 center no-repeat;
    background-size: 0.18rem auto;
    z-index: 9;
    margin-right: 0.7rem;
}
.headerTitle{flex-grow: 1;display: flex;justify-content: center;}
.headerTitle .titleItem{
    display: flex;
    height: .88rem;
    justify-content: center;
    align-items: center;
    color:#333;
    padding:0 0.1rem;
    position: relative;
    flex-direction: column;
}
.headerTitle .titleItem.on i{
    background-color: #f41860;
    height: 2px;
    width:100%;
   
}
/*.headerTitle .titleItem .onItem{
    display: flex;
    height: .88rem;
    justify-content: center;
    align-items: center;
    color:#fff;
    padding:0 0.1rem;
    position: relative;
}*/
.wareHeader .fx{
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/fx_icon.png) right center no-repeat;
    background-size: 0.35rem auto;
    z-index: 9;
}
.wareHeader .xiala{
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/xiala_icon.png) right center no-repeat;
    background-size: 0.35rem auto;
    z-index: 9;
}
.warePage{padding-bottom: 1rem;}
.wareBox1{padding:0.25rem;position: relative;}
.wareBox1 .wareTitle{
    display: flex;
    justify-content: space-between;
}

.wareBox1 .wareTitle .wareName{
    font-size: .3rem;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.wareBox1 .warePrice{font-size:.36rem;padding:0;margin-top:.35rem;}
.wareBox1 .warePrice del{font-size:.24rem;}
.wareBox1 .waregz{font-size: .2rem;}
.wareBox1 .score{color:#4fb000;}
.wareBox1 .money{color:#f41860;}
.wareBox1 .pstit{
    position:absolute;
    right: 0.25rem;
    bottom:0.25rem;
}
.pstit{
    min-width: 1.3rem;
    padding:0 0.1rem;
    height: .42rem;
    color:#FFF;
    border-radius: 0.5rem;
    font-size: .2rem;
}
.pstit.t1{/*仓存即送*/
    background-color:#8dc541;
}
.pstit.t2{/*三日送达*/
    background-color:#F41860;
}
.pstit.t3{/*商户派送*/
    background-color:#bda60a;
}
.pstit.t4{/*海外集运*/
    background-color:#00a8db;
}
.pstit.t5{/*预购代送*/
    background-color:#b532eb;
}
.pstit.t6{/*电子优惠券*/
    background-color:#eb3296;
    border-radius: 0.1rem;
}


.wareBox2{padding:0 0.25rem;font-size: .26rem;}
.wareBox2 .boxItem1{
    border-bottom: 1px solid #eee;
    height:.9rem;
    display: flex;
    align-items: center;
}
.wareBox2 .boxItem1 div{margin-right: 0.5rem;}
.boxtitle{color:#999999;margin-right: .15rem;}
.wareBox2 .boxItem2 {padding:0.3rem 0;}
.wareBox3 .boxtitle{min-width:1.26rem;margin:0;padding-right: 0.2rem}
.wareBox3 .boxItem1{padding:0.3rem 0;}
/*.wareBox3 .boxItem1 span{display: inline;}*/
.wareBox3 .boxItem1 .ps1{color:#00a8db;margin:0 0.1rem;}
.wareBox3 .boxItem1 .ps2{color:#f41860;margin:0 0.1rem;}
.wareBox3 .boxItem1 .ps3{color:#00a8db;margin:0 0.05rem;}
.wareBox3 .boxItem1 .ps4{color:#f41860;margin:0 0.05rem;}
.wareBox3 .boxItem2{display: flex;}
.wareBox3 .boxUl{flex-grow: 1;font-size: 0.26rem;}
.wareBox3 .boxUl p{margin:0 auto;}
/*.wareBox3 .boxUl li{position: relative;margin-bottom:.2rem;   padding-left: 0.16rem;}
.wareBox3 .boxUl li i{
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: .08rem;
    height: .08rem;
    background-color: #333;
    display: inline-block;
    border-radius: 50%;
}*/
.warePageTitle{
    display: flex;
    align-items: center;
    height: .9rem;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}
.warePageTitle .titleName{
    border-left: 0.08rem solid #f41860;
    padding-left: .17rem;
    display: flex;align-items: center;
}
.warePageTitle .titleName .evaLvl{height:0.22rem; padding-left: 0.2rem; margin:0;display: flex;align-items: center;margin-bottom:0.05rem;}
.warePageTitle .titleName .evaLvl span{font-size: .2rem;margin-top:0.01rem;}
.warePageTitle .titleName .evaLvl i.on{background-size: 0.21rem auto;}
.warePageTitle .titleName .evaLvl i{width: .21rem;margin-right: 0.1rem;background-size: 0.21rem auto;}

.warePageTitle .count{font-size:0.22rem;color:#999;margin-left: 0.2rem;margin-bottom: 0.05rem;}
.warePageTitle .move{
    color:#f41860;
    font-size:.26rem;
    height:.9rem;
    display: flex;
    align-items: center;
}
.warePageTitle .move .icon{
    display: inline-block;
    height:.9rem;
    width:.10rem;
    background:url("../image/0-dgkh.png")  center no-repeat;
    background-size: .10rem auto;
    margin-left: 0.1rem;
}
.wareBox4 .evaList li{
    padding: 0;
    padding-bottom:0.2rem;
}
.evaList li .userinfo{
    display: flex;
    align-items: center;
}
.evaList li .userImg{
    height: .55rem;
    width: .55rem;
    border-radius: 50%;
     margin-right: .18rem;
}
.evaList li .userImg img{
    border-radius: 50%;
}

.evaList li .userName{
    color:#333;
    margin-right: .25rem;
}
.evaList li .evaBox4 img{
    height: 1.46rem;
    width: 1.4rem;
    margin-right: 0.1rem;
    margin-top: 0.2rem;
}
.evaList li .evaBox5{font-size: .26rem;color:#999;margin-top: .2rem;}
.wareBox4 .evaList li .evaBox1 .evaLvl{
    height: auto;
}
.wareContent{font-size: .24rem;padding-bottom:.3rem;}
.wareContent img{display: list-item;}
.ware_otherTitle{
    height: 0.6rem;
    font-size:.22rem;
    color:#333;
    background-color:#fff;
}
.wareContent iframe{
    max-width: 100%;
    /*height: auto;*/
}
.ware_otherTitle span{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    height: 0.6rem;
}
.ware_otherTitle span:before{
    display: inline-block;
    content: '';
    width: 0.3rem;
    height: 1px;
    background: #666;
    margin-right: 0.2rem;
}
.ware_otherTitle span:after{
    display: inline-block;
    content: '';
    width: 0.3rem;
    height: 1px;
    background: #666;
    margin-left: 0.2rem;
}

.like_swiper .swiper-slide{
    flex-wrap: wrap;
}
.wareItem3{
    display: flex;
}
.wareItem3 .wareItem_img{
    width: 1.7rem;
}
.wareItem3 .wareName{
     display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: 0.2rem;
}

.wareFooter .footLeft{flex-grow: 1;display: flex;justify-content:space-around;}
.wareFooter .footLeft div{
    height: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wareFooter .footLeft .favorite i{
    display: inline-block;
    height:.4rem;
    width:.31rem;
    background: url(../image/sc_icon.png) center no-repeat;
    background-size: 0.31rem auto!important;
}
.wareFooter .footLeft .favorite.on i{
    background: url(../image/sc_icon_on.png) center no-repeat;
    background-size: 0.31rem auto!important;
}
.wareFooter .footLeft .cart i{
    display: inline-block;
    height:.4rem;
    width:.34rem;
    background: url(../image/cart_icon.png) center no-repeat;
    background-size: 0.34rem auto!important;
}
.wareFooter .addCart{
    width: 3.12rem;
    color:#fff;
    height: 1rem;
    background: #f41860;
    display:flex;
    align-items: center;
    justify-content: center;
}
.wareFooter .noStock{
    width: 3.12rem;
    color:#fff;
    height: 1rem;
    background: #999;
    display:flex;
    align-items: center;
    justify-content: center;
}
.wareGuigePop{
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    z-index:12;
    background-color: #fff;
}
.pop_Item .pop_close2{
    display: flex;
    justify-content: flex-end;
    height: .4rem;
    padding-top: .2rem;
    padding-right: .2rem;
}
.pop_Item .pop_close2 .icon{
    display: inline-block;
    height:.4rem;
    width:.4rem;
    background: url(../image/close_icon.png) center no-repeat;
    background-size: 0.21rem auto!important;
}
.wareGuigePop .warePrice {
    font-size: .36rem;
    padding: 0;
    margin-top: .35rem;
}
.wareGuigePop .ggpopBox1{
    padding:0.25rem;
}
.wareGuigePop .guiGeList{
    padding:0.5rem 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
}
.wareGuigePop .guiGeList li{
    font-size: .26rem;
    display: inline-flex;
    align-items: center;
    height:.54rem;
    border-radius: 0.5rem;
    padding:0 0.3rem;
    margin-right: 0.3rem;
    border:1px solid #eee;
    white-space: nowrap;
    overflow-x: hidden;
}
.wareGuigePop .guiGeList li.on{
    color:#FFF;
    background-color:#F41860;
}
.wareGuigePop .pop_wareCount{
    height: 1.2rem;
    border-bottom: 1px solid #eee;
}
.wareGuigePop .pop_submit{
    margin-top:.3rem;
    width: 100%;
    height: .9rem;
    color:#fff;
    background-color:#f41860;
}
.groupGuiZe{
    background-color: #fce79e;
    height:.62rem;
    display: flex;
    align-items: center;
    font-size: .24rem;
}
.groupGuiZe .openGuiZe{color: #f41860;text-decoration:underline;}
.groupUserCountList li{
    border-top:1px solid #eee;
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
}

.groupUserCountList li .groupUserItem1{
    height: 1.1rem;
    display: flex;
    align-items: center;
}
.groupUserCountList li .groupUserItem1 .groupUserTx{
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    margin-right: .17rem;
}
.groupUserCountList li .groupUserItem1 .groupUserTx img{
    border-radius: 50%;
}
.groupUserCountList li .groupUserItem1 .groupCount{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}
.groupUserCountList li .groupUserItem1 .groupCount .surplus{
    color:#666666;
}
.groupUserCountList li .groupUserItem1 .gogroup{
    background-color: #f41860;
    border-radius: 0.1rem;
    color: #fff;
    width: 1.01rem;
    height: .5rem;
    margin-left: 0.2rem;
}
.wareFooter .alone_buy{
    width: 2.06rem;
    color:#fff;
    height: 1rem;
    background: #f28c90;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.wareFooter .group_clear{
    width: 2.06rem;
    color:#fff;
    height: 1rem;
    background: #f41860;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.groupGuiZe_pop,.joinGroup_pop,.groupAll_pop{
    position: fixed;
    background-color: #FFF;
    width:calc(100% - 0.5rem);
    z-index: 12;
    font-size: .26rem;
    padding-bottom:.55rem;
}
.ps_pop{
    position: fixed;
    background-color: #FFF;
    width:calc(100% - 0.5rem);
    z-index: 12;
    font-size: .26rem;
    max-height: 80%;
    padding-bottom:.55rem;
    left:0.25rem;
    overflow: scroll;
}
.ps_pop::-webkit-scrollbar {
    display: none;
}
.pop_Item .pop_title{
    height:.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.groupGuiZe_pop .pop_title .pop_close2,
.joinGroup_pop .pop_title .pop_close2,
.groupAll_pop .pop_title .pop_close2,
.ps_pop .pop_title .pop_close2{
    height: .4rem;
    position: absolute;
    right: 0.25rem;
    padding: 0;
}
.joinGroup_pop .djstime.hh{
    margin-left: 0;
}
.joinGroup_pop .djstime.ss{
    margin-right:0.1rem;
}
.joinGroup_pop .groupUsetList li{
    margin-right: 0.4rem;
}
.guize_title{height: 0.5rem;display: flex;align-items: center;margin-top: 0.2rem}
.guize_count{color:#666;font-size: .24rem;margin-top: 0.1rem;}

/*订单详情*/
.addressBox1{}
.addressBox1 .addressItem{
   
    padding:0.25rem 0.25rem;
    display: flex;
    align-items: center;
}
.addressBox1 .addressItem .icon{
    height:.4rem;
    width:.34rem;
    background: url(../image/gps_black_icon.png) center no-repeat;
    background-size: 0.34rem auto!important;
    margin-right: .3rem;
}
.addressBox1 .addressItem .itemRight{width:calc(100% - .64rem);}
.addressBox1 .addressItem .item1{display: flex;color:#000;align-items: flex-end;}
.addressBox1 .addressItem .item2{margin-top: 0.1rem;}
.addressItem .phone{margin-left: 0.2rem;}
.addressBox1 .noAddress{height: 1.34rem; color:#f41860;text-align: center;}
.reAddress{color:#333;display: flex;align-items: center;}
.reAddress i{
    display: inline-block;
    height:.79rem;
    width:.37rem;
    background: url("../image/radio.png") center no-repeat;
    background-size: 0.37rem auto!important;
    margin-right: .3rem;
}
.reAddress.on i{background: url("../image/radio_on.png") center no-repeat;}
.addressBox2{height: 1rem;}
.addressBox4{height: 1rem;display: flex;align-items: center;justify-content: flex-end;}
.addressBox2 .time{display: flex;align-items: center;}
.addressBox2 .time i{
    display: inline-block;
    background: url("../image/time_icon.png") center no-repeat;
    background-size:100%;
    width: 0.28rem;
    height:1rem;
}
.addressBox3 .shopName{
    height: .78rem;
    display: flex;
    align-items: center;
}
.addressBox3 .shopName i{
    display: inline-block;
    background: url("../image/shop_icon2.png") center no-repeat;
    background-size:0.30rem auto;
    width: 0.31rem;
    height:.78rem;
    margin-right: 0.15rem;
}
.addressBox3 .wareInfo .wareData .warePrice{
    display: flex;
    justify-content: space-between;
}
.addressBox3 .wareInfo{display: flex;flex-wrap: wrap;border:none;}
.addressBox3 .wareInfo .warePrice{
    display: flex;
    font-size: .24rem;
    margin-bottom:.1rem;
    padding:0;
    color:#f41860;
    justify-content: space-between;
    flex-grow: 1;
}
.addressBox3 .wareInfo .warePrice .count{
    color:#333;
}
.warePeiSong{
    height: .7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.warePeiSong select{
    padding-right: .3rem;
    height: 1.05rem;
    border: none;
    font-size: .28rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFF;
    background-image: url(../image/back_g_right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 0.18rem;

}
.liuyanBox{
    padding:0.2rem 0;
    display: flex;
}
.liuyanBox div{margin-left: 0.2rem;margin-top: 0.1rem;flex-grow: 1;}
.liuyanBox textarea{width: 100%;}
.wareOrderBox1{height: 1rem;}
.wareOrderBox1 .coupon_btn{height: 1rem;display: flex;align-items: center;}
.wareOrderBox1 .coupon_btn i{
    display: inline-block;
    background: url("../image/back_g_right.png") center no-repeat;
    background-size: 0.1rem auto;
    width: 0.11rem;
    height: 1rem;
    margin-left: 0.2rem;
}
.footLeft{padding-left: 0.25rem;}
.wareOrderFooter .submitBtn{
    color:#fff;
    background-color: #f41860;
    height:1rem;
    width: 2.78rem;
}
.orderCoPop {
    position: fixed;
    bottom:0;
    width: 100%;
    z-index:12;
    background-color: #fff;
    padding-bottom: 0.2rem;
}
.orderCoPop .pop_close2{
    display: flex;
    justify-content: flex-end;
    height: .4rem;
    padding-top: .2rem;
    padding-right: .2rem;
}
.orderCoPop .pop_close2 .icon{
    display: inline-block;
    height:.4rem;
    width:.4rem;
    background: url(../image/close_icon.png) center no-repeat;
    background-size: 0.21rem auto!important;
}
.orderCoPop .couponList{
    height:5.37rem;
    overflow-y: scroll;
}
.orderCoPop .couponList::-webkit-scrollbar {
    display: none;
}
/*支付订单*/
.payBox1{
    padding:0.4rem 0.25rem;
    display: flex;
    align-items: center;
}
.payBox1 .icon{
    height: .72rem;
    width: .72rem;
    background: url(../image/payOrder_icon.png) center no-repeat;
    background-size: 0.72rem auto!important;
    margin-right: .2rem;
}
.payBox1 .price{
    color:#f41860;
    font-size: .36rem;
}
.payBox2{
    height: .8rem;
    color: #999;
    background-color: #f2f6f7;
    display: flex;
    align-items: center;
}
.payList li{
    padding:0 0.25rem;
    height:.9rem;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payList li .payItem{
    height:.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payList li .payItem .payTis{color:#999;font-size: .24rem}
.payList li .radio{
    display:inline-block;
    height: .41rem;
    width: .41rem;
    background:url(../image/pay_radio.png) center no-repeat;
    background-size: 0.4rem auto!important;
}
.payList li.on .radio{
     background:url(../image/pay_radio_on.png) center no-repeat;
}
.payList li .icon{
    display: inline-block;
    height: .9rem;
    width: .52rem;
    margin-right: .3rem;
    background: url(../image/payOrder_icon.png) center no-repeat;
    background-size: 0.51rem auto!important;
}
/*信用卡*/
.payList li:nth-child(1) .icon{background: url(../image/pay_icon1.png) center no-repeat;}
/*Paypal*/
.payList li:nth-child(2) .icon{background: url(../image/pay_icon2.png) center no-repeat;}
/*支付宝支付*/
.payList li:nth-child(3) .icon{background: url(../image/pay_icon3.png) center no-repeat;}
/*微信支付*/
.payList li:nth-child(4) .icon{background: url(../image/pay_icon4.png) center no-repeat;}
/*货到付款*/
.payList li:nth-child(5) .icon{background: url(../image/pay_icon5.png) center no-repeat;}


/*支付成功*/
.paySuccessPage{
    display: flex;
    padding:0.8rem 0.4rem 0 0.4rem;
    flex-direction: column;
    align-items: center;
}
.paySuccessPage .payIcon{
    height: 1.75rem;
    width: 1.75rem;
}
.paySucBox1{font-size: .36rem;margin-top: 0.2rem;}
.paySucBox2{font-size: .26rem;margin-top: 0.25rem;text-align: center;}
.paySucBox2 .c_main{margin-right: 0.1rem;}
.paySucBox3{font-size:.24rem;margin-top: .3rem;color:#b2b2b2;text-align: center;}
.paySucBox4{margin-top:0.5rem;width: 100%;}
.paySucBox4 div{
    height:.52rem;
    width: 2.86rem;
    border-radius: 0.5rem;
    font-size: .24rem;
}
.paySucBox4 .paybtn1{
    background-color: #f41860;
    color: #fff;
    border:1px solid #f41860;
}
.paySucBox4 .paybtn2{
    background-color: #fff;
    color: #333;
    border:1px solid #eee;
}
/*购物车*/
/*.shopItem{margin-bottom: .2rem;}*/
.shoppingPage{padding-bottom:1.2rem;}
.shoppingYh{

    background-color:#f2f6f7;
    font-size: .22rem;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: .7rem;
}
.shopInfo{
    height: 1.15rem;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}
.shoppingPage .radio,.shoppingFooter .radio{
    display:inline-block;
    height: .38rem;
    width: .58rem;
    background:url(../image/radio.png) left center no-repeat;
    background-size: 0.37rem auto!important;
    
}
.radio.on{
    display:inline-block;
    background:url(../image/radio_on.png)left center no-repeat;
    background-size: 0.37rem auto!important;
}
.shoppingWareList li {
    border-bottom:1px solid #eee;
    display: flex;
    align-items: center;
}
.shoppingInfo{
    padding: 0.25rem 0;
    display: flex;
    align-items: center;
    width: calc(100% - 0.58rem);
    position: relative;
}
.shoppingInfo .wareImage{
    height: 1.54rem;
    width: 1.46rem;
}
.shoppingInfo .wareImage img{
    height: 1.54rem;
    width: 1.46rem;
}
.shoppingInfo .wareData {
    flex-grow: 1;
    font-size: .26rem;
    display: flex;
    flex-direction: column;
    min-height: 1.54rem;
}
.shoppingInfo .wareData .wareGuiGe {
    color: #999;
    display: flex;
    align-items: center;
    height: .42rem;
    margin-top: .1rem;
}
.shoppingInfo .warePrice {
    display: flex;
    font-size: .24rem;
    margin: 0;
    padding: 0;
    color: #f41860;
    align-items: flex-end;
    margin-top: 0.25rem;
}
.shoppingInfo .pstit{margin-left: 0.25rem}
.shoppingInfo .count_control{
    position: absolute;
    right: 0;
    bottom:0.25rem;
}
.shoppingFooter{font-size: .26rem;}
.shoppingFooter .footLeft{
    padding-left: .25rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;

}
.shoppingFooter .footLeft .spanBox1{
    margin-left: .3rem;
}
.shoppingFooter .footLeft .c_main{
    margin-top: 0.05rem;
}
.shoppingFooter .footLeft .c_main{font-size: .28rem;margin-bottom: 0.01rem;}
.shoppingFooter .footRight{padding-right: 0.25rem;display: flex;align-self: center;}
.shoppingFooter .footRight .footbtn{
    height: 0.53rem;
    min-width:1.18rem;
    border-radius: 0.5rem;
    margin-left:.32rem;
    padding:0 0.2rem;
}
.shoppingFooter .footRight .fb1{
    border:1px solid #f41860;
    color:#fff;
    background-color: #f41860;
}   
.shoppingFooter .footRight .fb2{
    border:1px solid #eee;
    color:#333;
    background-color: #fff;
}

/*搜索页面*/
.searchHeader{display: flex;align-items: center;}
.searchHeader .pageTitle{
    background-color: #f2f2f2;
    border-radius: 0.5rem;
    height:0.62rem;
    display: flex;
    align-items: center;
    font-size: .28rem;
    width:calc(100% - 1.2rem);
    position: relative;
    justify-content: flex-start;
    padding:0 0.22rem;
}
.searchHeader .pageTitle .searchBtn{
    height:0.62rem;
    width:.28rem;
    display: inline-block;
    background: url(../image/seach_icon.png) center no-repeat;
    background-size: 0.28rem auto;
    margin-right: 0.1rem;
}
.searchHeader .pageTitle .sBoxInput{flex-grow: 1}
.searchHeader .pageTitle .sBoxInput input{width: 100%;}
.searchHeader .headerLeft{
    height:.88rem;
    display: flex;
    width: 0.3rem;
    padding-right: 0.2rem;
    background: url(../image/back_red.png)left center no-repeat;
    background-size: 0.18rem auto;
}
.searchHeader .headerRight{
    height:.88rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .26rem;
    min-width: 0.7rem;
    position: relative;
    padding:0;
}
.searchBox1{
    height:.6rem;
    display: flex;
    align-items: center;
    color:#000;
    padding: 0 0.25rem;
    padding-top:0.4rem;
}
.rankList{
    display: flex;
    flex-wrap: wrap;
    padding:0 0.25rem;
}
.rankList li{
    bakcground-color:#fff;
    border-radius: 0.5rem;
    padding: 0 0.33rem;
    height: .47rem;
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
    border:1px solid #eee;
    margin-top:0.36rem;
}
.rankList li:nth-child(1){
    background-color:#f41860;
    color:#fff;
}
.searchBox2{padding-bottom:0.3rem;}
.refresh{font-size: .26rem;color:#999;}
.refresh i{
    height:0.22rem;
    width:.4rem;
    display: inline-block;
    background: url(../image/refresh_icon.png)left center no-repeat;
    background-size: 0.2rem auto;
}
.searchBox2{height: 1rem;color: #333;padding:0 0.25rem;}
.searchBox2 .delete{height:1rem;display: flex;align-items: center;}
.searchBox2 .delete i{
    height:1rem;
    width:.4rem;
    display: inline-block;
    background: url(../image/search_deleteIcon.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.searchList li{
    border-top:1px solid #eee;
    height: .9rem;
    display: flex;
    align-items: center;
}
.searchList li i{
    height:0.9rem;
    width:.5rem;
    display: inline-block;
    background: url(../image/history_icon.png)left center no-repeat;
    background-size: 0.26rem auto;
}
/*买到快报*/
.newsList li{
    padding:0.3rem 0.25rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.newsList li .newsImage{
   width: 2.05rem;
   margin-right: .2rem;
}
.newsList li .newsItem{
    flex-grow: 1;
    position: relative;
    height: 1.7rem;
    width: calc(100% - 2.25rem);
}
.newsList li .newsItem .newsTitle{
    margin-bottom:.2rem;
}
.newsList li .newsItem .newsActivity{
    font-size: .24rem;
}
.newsList li .newsItem .newsTime{
    position: absolute;
    bottom:0;
    left: 0;
    color:#999;
    font-size: .24rem;
}
/*资讯详情*/
.newsDTitle{font-size: .32rem;padding:0.25rem;}
.newsDatetime{
    font-size: .24rem;
    height: .7rem;
    display: flex;
    align-items: center;
    color:#999;
}
.newsContent{font-size:.24rem;margin-top: 0.3rem;}
.newsContent img{width: 100%;height:auto;}

/*买到社区*/
.comtype{
    width: 1.16rem;
    height: .88rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comtype.on{
   color:#f41860;
}
.comtype.on .pageOn{
   background-color: #f41860;
   height: 2px;
   width: 100%;
   position: absolute;
   bottom:0;
   left: 0;
}
.comList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.comList li{
    width: calc(50% - 0.15rem);
    box-sizing: border-box;
    box-shadow: 3px 3px 20px #e5e9ea;
    margin-top: .27rem;
    height: 5.38rem;
}
.comList li .comImg{width:100%;height: 3.4rem;}
.comList li .comImg img{width:100%;height:;}
.comList li .comTitle{padding:.25rem;}
.comList li .comTitle{
    padding:.25rem;
    height: 0.64rem;
}
.comList li .comTitle span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.comUser .userTx{
    width: .81rem;
    max-height: 0.81rem;
    height: auto;
    margin-right: 0.1rem;
}
.comUser .name{
    overflow:hidden;
    width: 1.22rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: .2rem;
}

.comUser .userBox1{
    display: flex;
    align-items: center;
}
.comUser{
    display: flex;
    justify-content: space-between;
}
.comUser .comCount{
    font-size: .22rem;
    color:#999;
    display: flex;
    align-items: center;
}
.comUser .comCount i{
    height:.21rem;
    width:.4rem;
    display: inline-block;
    background: url(../image/eyes_icon.png)left center no-repeat;
    background-size: 0.33rem auto;
}
/*买到社区 详情*/
.com_detailsHeader{
    background: -webkit-linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0));
    position: absolute;
    width: calc(100% - 0.5rem);
    top: 0;
    z-index: 2;
    display: flex;
}
.com_detailsHeader .backPrevPage{
    width: 0.7rem;
    height: 0.88rem;
    background: url(../image/shop_back.png) 0 center no-repeat;
    background-size: 0.18rem auto;
    z-index: 9;
}
.com_mainImage{
    position: relative;
}
.com_mainBox{
    height: 0.57rem;
    display: flex;
    align-items: center;
    position: absolute;

}

.com_mainBox .com_IconBG{
    height: 0.3rem;
    width: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:rgba(0,0,0,0.35);
}
.com_mainBox .com_IconBG .com_icon{
    height: 0.14rem;
    width: 0.14rem;
    border-radius: 50%;
    background:#fff;
}
.com_mainBox .com_mainWhite{
    height: 1px;
    width: .57rem;
    background-color: #fff;
    position: relative;
    left:-0.16rem;
}
.com_mainBox .mainBox{
    color:#fff;
    border-radius: 0.5rem;
    border:1px solid #fff;
    background:rgba(0,0,0,0.35);
    height:.57rem;
    display: flex;
    align-items: center;
    width: 2.56rem;
    position: relative;
    left:-0.16rem;
    font-size: .24rem;
}
.com_mainBox .mainBox.box1{
    justify-content: center;
}
.com_mainBox .mainBox.box2{
    justify-content:space-between;
    padding:0 0.25rem;
}
.com_mainBox .mainBox.box2 i{
    height:.57rem;
    width:.30rem;
    display: inline-block;
    background: url(../image/con_voice.png)left center no-repeat;
    background-size: 0.28rem auto;
}

.com_detailBox1{
    height: 1.2rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.com_detailBox1 .userTx{
    width: .83rem;
    border:1px solid #e1e1e1;
    margin-right: 0.15rem;
}
.com_detailBox1 .name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: .2rem;
}

.com_detailBox1 .userBox1{
    display: flex;
    align-items: center;
}
.com_detailBox1 .comCount{
    font-size: .22rem;
    color:#999;
    display: flex;
    align-items: center;
}
.com_detailBox1 .comCount i{
    height:.21rem;
    width:.4rem;
    display: inline-block;
    background: url(../image/eyes_icon.png)left center no-repeat;
    background-size: 0.33rem auto;
}
.com_detailBox2{
    color:#f41860;
    font-size: .24rem;
    height: .7rem;
    display: flex;
    align-items: center;
}
.com_detailBox2 i:nth-child(1){
    height:.7rem;
    width:.4rem;
    display: inline-block;
    background: url(../image/com_icon1.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_detailBox2 .icon{
    height:.7rem;
    width:.4rem;
    display: inline-block;
    background: url(../image/data_icon2.png) center no-repeat;
    background-size: 0.11rem auto;
}
.f24{font-size: .24rem;}
.com_time{color:#999;height: .7rem;display:flex;align-items: center;}
.com_detailBox3{height: 0.5rem;padding-bottom: .2rem;}
.com_detailBox3 .com_BoxRight{display: flex; align-items: center;}
.com_detailBox3 .icon{
    display: flex;
    height: .5rem;
    display: flex;
    align-items: center;
}
.mr50{margin-right: .5rem;}
.com_detailBox3 .icon1 i{
    height:.5rem;
    width:.35rem;
    display: inline-block;
    background: url(../image/com_icon2.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_detailBox3 .icon2 i{
    height:.5rem;
    width:.35rem;
    display: inline-block;
    background: url(../image/com_icon3.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_detailBox3 .icon2.on i{
    background: url(../image/com_icon3_on.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_detailBox3 .icon3 i{
    height:.5rem;
    width:.35rem;
    display: inline-block;
    background: url(../image/com_icon4.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_detailBox3 .icon3.on i{
    height:.5rem;
    width:.35rem;
    display: inline-block;
    background: url(../image/com_icon4_on.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_detailBox3 .icon4 i{
    height:.5rem;
    width:.35rem;
    display: inline-block;
    background: url(../image/com_icon5.png)left center no-repeat;
    background-size: 0.27rem auto;
}
.com_evaTitle{height: .76rem;}
.com_evaBox{display: flex;font-size: .26rem}
.com_evaBox input{
    flex-wrap: 1;
    background-color: #f5f5f5;
    color:#bebebe;
    text-indent: 0.1rem;
    width: calc(100% - 1rem);
}
.com_evaBox .com_evaBtn{
    width: 1rem;
    height: .52rem;
    background-color:#f41860;
    color:#fff;
}
.com_evaList li{
    display: flex;
    padding:0.46rem 0.25rem;
}
.com_evaList li .evaTx{
    width: .54rem;
    height: .54rem;
    border-radius: 50%;
    margin-right: 0.3rem;
}
.com_evaList li .evaBox{
    font-size: .22rem;
    width:calc(100% - 0.84rem);
}
.com_evaList li .evaBox .evaBox_name{
    color:#adadad;
}

.com_evaList li .evaBox .evaItem{
    margin-top:.4rem;
    color: #818181;
}
.com_evaList li .evaBox .evaItem .evaBoxTime{color:#999;}
.com_evaList li .evaBox .evaItem2{
    background-color: #f5f5f5;
    color:#666;
    position: relative;
    padding:0.25rem;
    margin-top: .23rem;
    font-size: 0.18rem;
}
.com_evaList li .evaBox .evaItem2 .triangle_border_up{
    width:0;
    height:0;
    border-left:0.08rem solid transparent;
    border-right:0.08rem solid transparent;
    border-bottom:0.1rem solid #f5f5f5;
    position:absolute;
    top:-0.1rem;
}
.fenxiang_pop{
    position: fixed;
    bottom:0;
    width: 100%;
    z-index:12;
    background-color: #fff;
}
.fenxiang_pop_title{
    height:.7rem;
}
.fenxiang_pop .pop_close2 {
    height: 0.8rem;
    border-top: 1px solid #eee;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.fenxiangList,.fenxiangList2{display: flex;}
.fenxiangList li,.fenxiangList2 li{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding:0.25rem 0.25rem;
    font-size: .24rem;
}
.fenxiangList2 li{
    padding:0.1rem 0.1rem;
}
.fenxiangList li i{
    width: 1.28rem;
    height: 1.28rem;
    background-size: 1.27rem auto!important;
    display: inline-block;
    margin-bottom:0.2rem;
}
.fenxiangList2 li i{
    width: .99rem;
    height: .99rem;
    background-size: .99rem auto!important;
    display: inline-block;
    margin-bottom:0.2rem;
}

.bn{border-bottom:none!important;}
.wx i{
    background: url(../image/wx_icon.png) center no-repeat;
}
.pyq i{
    background: url(../image/pyq_icon.png) center no-repeat;
}
.weibo i{
    background: url(../image/weibo_icon.png) center no-repeat;
}
.qq i{
    background: url(../image/QQ.png) center no-repeat;
}
.facebook i{
    background: url(../image/facebook_icon.png) center no-repeat;
}
.clear i{
    background: url(../image/clear.png) center no-repeat;
}
.copy i{
    background: url(../image/copy.png) center no-repeat;
}
.update_icon i{
    background: url(../image/update_icon.png) center no-repeat;
}
.delete_icon i{
    background: url(../image/delete_icon2.png) center no-repeat;

}
.youxiang i{
    background: url(../image/email_icon.jpg) center no-repeat;
}
.pop_close2{
    height:0.8rem;
    border-top: 1px solid #eee;
    color: #999;
}

/*秒杀*/
.miaoshaHeader{background: -webkit-linear-gradient(rgba(220,10,79,1),rgba(224,19,86,1));}
.miaoshaHeader .pageTitle{color:#fff;}
.miaoshaHeader .backPrevPage{
    background: url(../image/shop_back.png) center no-repeat;
    background-size: 0.18rem auto;
}
.miaoshaBox1 {
    display: flex;
    justify-content: space-between;
    background: -webkit-linear-gradient(rgba(224,19,86,1),rgba(232,37,101,1));
}

.miaoshaBox1 li{
    position: relative;
    display: flex;
    align-items: center;
    color:#fff;
    height:1.29rem;
    opacity:0.7;

}
.miaoshaBox1 li.on{
   color:#f41860;
   background:#fff;
   opacity:1;
}
.miaoshaBox1 li .boxtitle1{font-size:.26rem;}
.miaoshaBox1 li .boxtitle2{font-size:.22rem;}
.miaoshaBox1 li .time{font-weight: 500;}
.miaoshaBox1 li:nth-child(1){
   justify-content: flex-start;padding-left:.3rem;
   width: 1.49rem;
}
.miaoshaBox1 li:nth-child(2){
   justify-content: center;
   flex-grow:1;
}
.miaoshaBox1 li:nth-child(3){
   justify-content: flex-end;padding-right:.2rem;
   width: 1.79rem;
}
.miaoshaBox1 li .boxflex{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.miaoshaBox1 li .border_right{
    position: absolute;
    right: 0;
    height: 0.3rem;
    width: 1px;
    background-color:#eee;
}
.miaoshaBox2{height:.79rem;display: flex;align-items: center;background-color: #f2f6f7;}
/*拼团*/
.groupBuyHeader{background: -webkit-linear-gradient(rgba(220,10,79,1),rgba(224,19,86,1));}
.groupBuyHeader .headerPageLeft{
    color:#fff;
    position: absolute;
    z-index: 2;
    left:0.25rem;
    bottom:0;
    height: .88rem;
    display: flex;
    align-items: center;
    font-size: .26rem;
    padding-right: 0.2rem;
    max-width: calc(100% - 4.2rem);
 }
.groupBuyHeader .headerPageLeft span{
    max-width: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
}
.groupBuyHeader .headerPageLeft .gpsIcon {
    display: inline-block;
    height: .4rem;
    width: .45rem;
    background: url(../image/gps_white_icon.png) center no-repeat;
    background-size: .34rem .4rem;
    margin-right: 0.16rem;
}
.groupBuyHeader .headerPageLeft .icon {
    display: inline-block;
    height: .1rem;
    width: .14rem;
    background: url(../image/down_white_icon.png) center no-repeat;
    background-size: .14rem .1rem;
    margin-left: 0.05rem;
}
.groupBuyHeader .pageTitle{color:#fff;}
.groupBuyType{
    padding:0 0.25rem;
    display: flex;overflow-x: scroll;
    background: -webkit-linear-gradient(rgba(224,19,86,1),rgba(233,38,102,1));
    white-space: nowrap;
}
.groupBuyType::-webkit-scrollbar {
    display: none;
}
.groupBuyType li{
    padding:0 0.15rem;
    height: 0.6rem;
    margin-right: 0.25rem;
    color:#fff;
    font-size: .22rem;
    position: relative;
}
.groupBuyType li.on .pageOn{
    position: absolute;
    bottom:0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.groupWareList{
    padding:0 0.25rem;
    background-color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.groupWareList li{
    width:calc(50% - 0.12rem);
    margin-top: .22rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 3px 20px #e5e9ea;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0.2rem;

}
.groupWareList li .wareImgBox{
    width: 100%;
    height: 3.1rem;
}
.groupWareList li .wareImgBox img{
    width: 100%;
    height: auto;
    max-height: 3.1rem;
}
.groupWareList li .wareName {
    padding: 0.11rem 0.16rem;
}
.groupWareList .groupPrice {padding:0 0.08rem;}
.groupWareList .groupPrice .warePrice span{font-size: .26rem;}
.groupWareList .groupPrice .warePrice del{font-size: .2rem;}
.groupWareList li .groupCount {
    background-color: #f41860;
    color:#fff;
    font-size: .18rem;
    height: .5rem;
    width: 1.27rem;
    border-radius: 0.05rem;
    line-height: 0.25rem;
    padding:0.05rem 0;
}

/*拼团详情*/
.gb_detailsTitle{
    height:.8rem;font-size: .3rem;color:#f41860;
    /*font-style: italic;*/
    font-weight:bold;}
.gb_detailsBox1{
    font-size: .26rem;
}
.gb_detailsBox1 span{
    color:#f41860;
}
.gb_detailsBox2{
    margin-top: 0.2rem;
}
 .gb_detailsBox2 .msdjs{
   color:#666;
}
.gb_detailsBox2 .djstime{background-color: #f41860;}
.groupUsetList{
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    padding:0 0.25rem;
    height: 1.2rem;
    align-items: flex-end;
    overflow-y: hidden;
}
.groupUsetList::-webkit-scrollbar {
    display: none;
}
.groupUsetList li{
    position: relative;
    width: 0.86rem;
    height: 0.86rem;
    margin-right: 0.6rem;
}
.groupUsetList li img{
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 50%;
}
.groupUsetList li .pinzhu{
    position: absolute;
    right: -0.15rem;
    top: -0.1rem;
    background-color: #ecbbbd;
    color: #f41860;
    padding:0.05rem;
    border-radius: 0.05rem;
    font-size: 0.16rem;
}
.pageBtn{
    background-color: #f41860;
    color: #FFF;
    height: .8rem;
    font-size: .3rem;
    width: calc(100% - .5rem);
    border-radius: 0.15rem;
    margin-left: .25rem;
    margin-right: .25rem;
    margin-top: 1.05rem;
}

/*首页 商品分类页面 为你推荐 新品上市*/
.index_warePageHeader{
    position: relative;
    height: 3.18rem;
}
.index_warePageHeader .backPrevPages{
    position: absolute;
    background: url(../image/shop_back.png) center no-repeat;
    background-size: 0.16rem auto;
    top: .3rem;
    left: 0.25rem;
    width: 0.3rem;
    z-index:2;
    height: 0.33rem;

}
.index_warePageHeader .wareheader_page{
    position: absolute;

}



/*商品管理*/
.wareSearchBox{
    height:1rem;
    border-bottom: 1px solid #eee;
}
.wareSearchBox .wareSearch{
    border:1px solid #d3d3d3;
    flex-grow:1;
    height: 0.6rem;
    border-radius: 0.1rem;
    padding-left: 0.2rem;
    display: flex;
    align-items: center;
}
.wareSearchBox .wareSearch input{
    width:100%;
}
.wareSearchBox .searchBtn{
    color:#fff;
    background-color: #f41860;
    height: .6rem;
    width: 1.26rem;
    margin-left:0.2rem;
}
.shopWareList li{margin-bottom:.2rem;}
.shopWareList li .managerBox1{
    height:0.8rem;
    border-bottom: 1px solid #eee;
}
.shopWareList li .managerBox2{
    display: flex;
    padding:0.26rem 0 ;
    border-bottom: 1px solid #eee;
}
.shopWareList li .managerBox2 .wgImage{
    width:1.2rem;
    height: 1.24rem;
    border:1px solid #eee;
    border-radius: 0.1rem;
    margin-right: 0.2rem;
}
.shopWareList li .managerBox2 .wgInfo{
    width:calc(100% - 1.24rem);
}
.shopWareList li .managerBox2 .wgInfoBox2 {
    margin-top:0.1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.managerBox2 .wgInfoBox2 .wgGuiGe{
    color:#999;font-size: .26rem;
}
.managerBox2 .wgInfoBox2 .wgPrice{
    color:#f41860;font-size: .28rem;
}
.managerBox2 .wgInfoBox3 {
    margin-top: 0.15rem;
    display: flex;
    justify-content: space-between;
}
.managerBox2 .wgInfoBox3 .evaLvl{
    margin:0;
    display: flex;
    align-items: center;
}
.managerBox2 .wgInfoBox3 .evaLvl span{
    font-size: .24rem;color:#999;
}
.managerBox2 .wgInfoBox3 del{
    font-size: .2rem;
    color:#b2b2b2;
}
.managerBox2 .wgInfoBox3 .evaLvl i.on{
    background: url(../image/level_on.png) center no-repeat;
    background-size: 0.22rem auto;
}
.managerBox2 .wgInfoBox3 .evaLvl i {
    background: url(../image/level.png) center no-repeat;
    background-size: 0.22rem auto;
    width: 0.22rem;
    height: 0.22rem;
    display: inline-block;
    margin-right: 0.05rem;
}
.shopWareList li .managerBox1 .wmType_xj{color:#ee6f46;}
.shopWareList li .managerBox1 .wmType_sj{color:#00a8db;}
.shopWareList li .managerBox3{height: 1rem;}
.shopWareList li .managerBox3 .clearTime{color:#999;}
.shopWareList li .managerBox3 .wmFunction{
    color:#f41860;
    margin-left: 0.15rem;
    display: flex;
}
.shopWareList li .managerBox3 .wmFunction div{margin-left: 0.2rem;}
/*拼团订单详情*/
.odGroupBox1{
    padding: 0 .25rem;
    height: 2.15rem;
}
.odGroupBox1 .odGroup_item1{
    width: calc(100% - 2.07rem);
}
.odGroupBox1 .odGroup_item1 .groupUsetList{
    width: 100%;
    padding:0;
}
.odGroupBox1 .odGroup_item1 .groupUsetList li{
    padding:0;
    margin-right: .15rem;
}
.odGroupBox1 .odGroup_item2.btnCount1{
    align-self: flex-end;
    margin-bottom: 0.2rem;
}
.odGroupBox1 .odGroup_item2{
    width: 1.47rem;
    max-height:100%;
    min-height: 1.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.odGroupBox1 .odGroup_item2 .odgItemBtn1{
    width: 1.47rem;
    height: .55rem;
    font-size: .24rem;
    color:#666666;
    border:1px solid #eee;
    border-radius: 0.1rem;
}
.odGroupBox1 .odGroup_item2 .odgItemBtn2{
    width: 1.47rem;
    height: .55rem;
    font-size: .24rem;
    color:#fff;
    border:1px solid #f41860;
    border-radius: 0.1rem;
    background-color: #f41860;
    margin-top: .2rem;
}

/*添加商品*/
.settings select{
    padding-right: .3rem;
    height: 1.05rem;
    border: none;
    font-size: .28rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #FFF;
    background-image: url(../image/back_g_right.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 0.18rem;
}
.wareAddPage .inputInfo{
    display: flex;
    align-items: center;
}
.wareAddPage .gj i{
    display: inline-block;
    height: 1.05rem;
    width: 0.3rem;
    background-position: right center;
    background-image: url(../image/back_g_right.png);
    background-size: auto 0.18rem;
}
.wareAddPageBox1 li{
    height: 1.05rem;
    display: flex;
    align-items: center;
    border-bottom:1px solid #eee;
}
.wareAddPageBox1 li .pageItem{
    height: 1.05rem;
    display: flex;
    align-items: center;
    width: 50%;
}
.wareAddPageBox1 li .pageItem input{
    width: calc(100% - 1.5rem);
}
.wareAddPageTitle{height:0.7rem;display: flex;align-items: center;}
.addImageBox {
    display: flex;
    padding:0 0.25rem;
}
.addImageBox img{
    width: 1.8rem;
    height: 1.8rem;
}
.imgItem{
    margin-right: 0.2rem;
}
.wareAddFooter{
    background-color: #f41860;
    color: #fff;
}
/*数量加减*/
.count_control{
    height:0.61rem;
    border:1px solid #e6e6e6;
    display: flex;
}
.count_control .btn{
    height: .61rem;
    width: .61rem;
    font-size: .4rem;
    color:#333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.count_control .add{
    border-left: 1px solid #e6e6e6;
}
.count_control .reduce{
    border-right: 1px solid #e6e6e6;
}
.count_control .input{
    display: flex;
    justify-content: center;
    align-items: center;
}
.count_control .input input{
    width: 0.9rem;
    text-align: center;
    overflow-x: hidden;

}



/*商品列表*/
.wareSelectBox{display: flex;}
.wareSelectBox li{
    height:.81rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wareSelectBox li i{
    display:inline-block;
    width: 0.14rem;
    height: 0.81rem;
}
.wareSelectBox li.on{
   color:#f41860;
}
.wareSelectBox .count i{
    background: url(../image/down_icon.png) center no-repeat;
    background-size: 0.14rem auto!important;
    margin-left: .2rem;
}
.wareSelectBox .count.on i{
    background: url(../image/down_on.png) center no-repeat;
}
.wareSelectBox .price i{
    background: url(../image/select_icon.png) center no-repeat;
    background-size: 0.14rem auto!important;
    margin-left: .2rem;
}
.wareSelectBox .price.down i,.wareSelectBox .time.down i{
    background: url(../image/select_on_down.png) center no-repeat;
}
.wareSelectBox .price.top i,.wareSelectBox .time.top i{
    background: url(../image/select_on_top.png) center no-repeat;
}
.wareSelectBox .time i{
    background: url(../image/select_icon.png) center no-repeat;
    background-size: 0.14rem auto!important;
    margin-left: .1rem;
}
.wareSelectBox .select i{
    width: 0.21rem;
    background: url(../image/select.png) center no-repeat;
    background-size: 0.21rem auto!important;
    margin-left: .2rem;
}
.wareList{padding-left:0.07rem; background-color:#FFF;display: flex;flex-wrap: wrap;}
.wareList li{
    width: 2.2rem;
    margin-left:.18rem;
    margin-top: .22rem;
}

.wareList li .wareImgBox{
    width: 2.2rem;
    height: 2.4rem;
}
.wareList li .wareImgBox img{
    height: auto;
    width: 100%;
}
.wareList li .wareName{
    padding:0.11rem 0.08rem;
}

.wareList_1{padding-left:0.07rem; background-color:#FFF;display: flex;flex-wrap: wrap;}
.wareList_1 li{
    width: 2.2rem;
    margin-left:.18rem;
    margin-top: .22rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 3px 20px #e5e9ea;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.wareList_1 li .wareImgBox{
    width: 2.2rem;
    height: 2.4rem;
}
.wareList_1 li .wareImgBox img{
    height: auto;
    width: 100%;
}
.wareList_1 li .wareName{
    padding:0.11rem 0.08rem;
    height: 0.64rem;
}
.wareList_1 li .wareName span{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wareList_2{padding-left:0.07rem; background-color:#FFF;display: flex;flex-wrap: wrap;}
.wareList_2 li{
    width: 2.2rem;
    margin-left:.18rem;
    margin-top: .22rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 3px 20px #e5e9ea;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.wareList_2 li .wareImgBox{
    width: 2.2rem;
    height: 2.4rem;
}
.wareList_2 li .wareImgBox img{
    height: auto;
    width: 100%;
}
.wareList_2 li .wareName{
    padding:0.11rem 0.08rem;
}

.warePrice{
    display: flex;
    font-size: .24rem;
    margin-bottom:.1rem;
    padding:0.11rem 0.08rem;
    color:#f41860;
    align-items: flex-end;
}
.warePrice del{
    font-size: .2rem;
    margin-left: 0.1rem;
    color:#b2b2b2;
}

/*.wareList_1 li:nth-child(3n+3){
    margin-right: 0;
}*/

/*筛选*/
.select_pop{
    background-color:#FFF;
    position: absolute;
    right: -6.04rem;
    width:6.04rem;
    top: 0;
    height: 100%;
    overflow-y: scroll;
    z-index: 12;
    display:flex; display: -webkit-flex;flex-direction:column;
}
#seachItemBox{flex:1;}
.select_pop .pop_title{
    height: .65rem;
    padding:0 0.25rem;
    color:#8c8c8c;
    background-color:#f7f7f7;
    display: flex;
    align-items: center;
}
.select_pop .boxTitle{
    padding:0.27rem 0.25rem;
}
.select_pop .select_pop_box {
    border-bottom: 1px solid #eee;
}
.select_pop .select_pop_box .pop_classify{
    display: flex;
     padding:0 0.25rem;
     flex-wrap: wrap;
}
.select_pop .select_pop_box .pop_classify li{
    border-radius: 0.5rem;
    width:1.45rem;
    border:1px solid #eee;
    display: flex;
    justify-content: center;
    align-items:center;
    color:#616161;
    margin-right: .2rem;
    margin-bottom: 0.3rem;
    text-align: center;
    overflow: hidden;
    padding:0.05rem 0.1rem;
}
.select_pop .select_pop_box .pop_classify li.on{
    border:1px solid #f41860;
    background-color: #f41860;
    color:#fff;
}
.select_pop .select_pop_box .pop_classify li:nth-child(3n+3){
    margin-right: 0;
}
.select_pop_box .pop_price{
    display: flex;
    justify-content: space-between;
    align-items:center;
    padding:0 0.25rem 0.3rem 0.25rem;
}
.select_pop_box .pop_price span{
    width:0.56rem;
    border:1px solid #eee;
}
.select_pop_box .pop_price input{
    border-radius: 0.5rem;
    width:2.02rem;
    height: .5rem;
    border:1px solid #eee;
    display: flex;
    justify-content: center;
    align-items:center;
    text-align: center;
}
.select_pop .select_pop_btns{
    height: 1.22rem;
    position: static;
    border-top:1px solid #f7f7f7;
    width: 6.04rem;
    bottom:0;
    background-color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.select_pop_btns .btn{
    width: 2.56rem;
    height: .74rem;
    font-size: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.select_pop_btns .remake{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border:1px solid #eee;
    margin-right:.1rem;
}
.select_pop_btns .submit{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border:1px solid #f41860;
    background: #f41860;
    color:#fff;
}
/*优惠券*/
.couponList li{
    background-image:url("../image/coupon_bg.png");
    background-size: 100% 1.57rem!important;
    background-repeat:no-repeat;
    margin-top: .3rem;
    display: flex;
}
.couponList li.on{ background-image:url("../image/coupon_bg_on.png");}
.couponList li .couponLeft{
    color:#FFF;
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 1.57rem;
    font-size: .3rem
}
.couponList li .couponLeft .coupon_price{
   font-size: 0.6rem;
}
.couponList li .couponLeft .coupon_cond{
   font-size: 0.24rem;
}
.couponList li .couponRight{
    width: 72%;
    padding-left:.35rem;
    padding-top:.15rem;
    padding-right: .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.couponList li .couponRight .couponInfo{height: 100%;}
.couponList li .couponRight .couponTitle{
    font-size: .3rem;
}
.couponList li .couponRight .couponTime{
    font-size:.24rem;
    color:#a8a8a8;
    margin-top:.15rem;
}
.couponList li .couponRight .couponCount{
    font-size:.24rem;
    color:#f41860;
    margin-top: 0.05rem;
}
.couponList li .couponRight .couponScore{
    font-size:.2rem;
    color:#a8a8a8;
    margin-top: 0.05rem;
}
.couponList li .couponRight .coupon_go{
    border:1px solid #F41860;
    color:#f41860;
    height:.48rem;
    width: 1.35rem;
    border-radius: .5rem;
    font-size: .26rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.couponList li .couponRight .coupon_no{
    border:1px solid #ccc;
    color:#999;
    height:.48rem;
    width: 1.35rem;
    border-radius: .5rem;
    font-size: .26rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.couponList li .couponRight .coupon_no2{
    border:none;
    color:#999;
    height:.48rem;
    width: 1.35rem;
    border-radius: .5rem;
    font-size: .26rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.couponList li .couponRight .coupon_icon1{
    width:.83rem;
    height: .73rem;
    background: url("../image/coupon_icon1.png") center no-repeat;
    background-size: 100%!important;
    margin-right: 0.2rem;
}
.couponList li .couponRight .coupon_icon2{
    width:.83rem;
    height: .73rem;
    background: url("../image/coupon_icon2.png") center no-repeat;
    background-size: 100%!important;
    margin-right: 0.2rem;
}
.coupon_btns{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;}
.coupon_btns .qr{    
    background-color: #f41860;
    color: #FFF;
    height: .54rem;
    width: 1.68rem;
    border-radius: 0.5rem;
    display: flex;align-items: center;justify-content: center;
}
.coupon_btns .qx{    
    background-color: #cccccc;
    color: #FFF;
    height: .54rem;
    width: 1.68rem;
    border-radius: 0.5rem;
    margin-left: 0.1rem;
    display: flex;align-items: center;justify-content: center;
}


/*底部导航*/
.navigation{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    padding: 0.14rem 0.3rem 0.12rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 5px 0 10px #e7e7e7;
    z-index: 2;
}
.navigation ul{
    display: flex;
    align-content: space-between;
}
.navigation ul li{
    width: 20%;
    text-align: center;
    font-size: 0.22rem;
    color: #888888;
    cursor:pointer;
}
.navigation ul li .camera{
    display: inline-block;
    width: 0.74rem;
    height: 0.74rem;
}
.navigation ul li .camera img{
    display: block;
    width: 100%;
    height: 100%;
}
.navigation ul li .icon{
    display: inline-block;
    width: 0.41rem;
    height: 0.40rem;
    background-size: 100% 100% !important;
}
.navigation ul li.on{
    color: #ff4b56;
}
.navigation ul li:nth-child(1) .icon{
    background: url("../image/nav1.png") center no-repeat;
}
.navigation ul li:nth-child(1).on .icon{
    background: url("../image/nav1_on.png") center no-repeat;
}

.navigation ul li:nth-child(2) .icon{
    background: url("../image/nav2.png") center no-repeat;
}
.navigation ul li:nth-child(2).on .icon{
    background: url("../image/nav2_on.png") center no-repeat;
}

.navigation ul li:nth-child(4) .icon{
    background: url("../image/nav3.png") center no-repeat;
}
.navigation ul li:nth-child(4).on .icon{
    background: url("../image/nav3_on.png") center no-repeat;
}

.navigation ul li:nth-child(5) .icon{
    background: url("../image/nav4.png") center no-repeat;
}
.navigation ul li:nth-child(5).on .icon{
    background: url("../image/nav4_on.png") center no-repeat;
}
.navigation ul li:nth-child(3){
    position: relative;
    top:-0.25rem;
}
.navigation ul li:nth-child(3) .icon{
    width: 0.66rem;
    height: 0.66rem;
    background: url("../image/nav5.png") center no-repeat;
}
.navigation ul li:nth-child(3).on .icon{

    background: url("../image/nav5.png") center no-repeat;
}
/* 底部导航 end */

/*遮罩层*/
.mask { display: none; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.mask { position: fixed; }
/*弹窗*/
.mask_pop.on,.xiala_popmask.on{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mask_pop,.xiala_popmask { position: fixed; z-index: 12;width:100%;height: 100%;top: 0;left:0;display: none;}
.pop_close{
    height: .71rem;
    width: .71rem;
    background: url("../image/pop_close.png") center no-repeat;
    background-size:.69rem auto;
    position: absolute;
    bottom: -1.4rem;
}
.index_pop_banner .pop_close{right: 0.25rem;top:1rem;z-index: 12;}
.index_pop_banner{width: 100%;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;z-index: 12}
.picture{max-width:calc(100% - 0.5rem) ;height: auto!important;}
.bottom_top{animation: bottom_top 0.8s;}
@keyframes bottom_top{from {position: relative; bottom:-100%;}to {position:relative;bottom:0rem;}}
/*特约用户弹窗*/
.coupon_pop{
    position: relative;
    /*width: 100%;*/
    background-color:#FFF;
    padding:0.35rem 1.17rem;
    border-radius: 0.1rem;
    z-index:12;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .26rem;
}
.coupon_pop_btn{
    background-color: #f41860;
    color: #FFF;
    height: .8rem;
    width: 100%;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}
.coupon_popImage {width:2.82rem;height:1.87rem;}
.coupon_popImage img{
    width: 100%;height: 100%;
}
/*商户订单弹窗*/
.order_pop{
    position: relative;
    /*width: 100%;*/
    background-color:#FFF;
    padding:0.5rem 0.6rem;
    border-radius: 0.1rem;
    z-index:12;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .26rem;
}
.pop_btns{margin-top:0.35rem;}
.pop_btns .order_btn1{
    color:#fff;
    background-color: #f41860;
    height:.55rem;
    font-size: .24rem;
    width: 1.9rem;
    margin-right: 0.2rem;
    border-radius: 0.15rem;
}
.pop_btns .order_btn2{
    border-radius: 0.15rem;
    border:1px solid #eee;
    color:#333;
    background-color: #fff;
    height:.55rem;
    font-size: .24rem;
    width: 1.9rem;
}
.getPage{height: 0.8rem;width: 100%; color:#333;font-size: .22rem;display: flex;align-items: center;justify-content: center;}
.pageHide{height: 0.8rem;width: 100%; color:#333;font-size: .22rem;display: flex;align-items: center;justify-content: center;}

/*重写弹窗样式*/
/*消息弹窗居中*/
body .layui-m-layer .layui-m-layer-msg{
	bottom:0!important;
}
.shopData{width: 100%;}

.tuangouShow{
    
}
.zuijiaorder{margin-top: .2rem;font-size: .26rem;color:#a0a0a0;text-align: center;}
.zjorder_box1,.zjorder_box2{border-radius: 0.5rem;height:.55rem;width: 1.68rem;display: flex;align-items: center;justify-content: center;}
.zjorder_box1{margin-right: 0.15rem;background-color:#f41860;color:#fff;}
.zjorder_box2{background-color:#cccccc;color:#fff;}
.zitiPop{
    position: relative;
    width:calc(100% - 1.2rem);
    background-color: #FFF;
    padding: 0.35rem;
    border-radius: 0.15rem;
    z-index: 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .26rem;
}
.ztBox{margin-top:.27rem;padding:0 0.15rem;width:100%;border:1px solid #c7c7c7;border-radius: 0.05rem;height: .76rem;display:flex;align-items: center;justify-content: space-between;}
.ztBox i{
    display: inline-block;
    width: .22rem;height: .2rem;
    background: url("../image/back_down.png") center no-repeat;
    background-size: 0.22rem auto; 
}
.shopPage{padding-bottom:1rem;}
.eva_imgs{padding:0 0.15rem;display: flex;margin-bottom: 0.25rem;}
.eva_imgs li{position: relative;width:1.8rem;height:1.8rem;padding:0 0.1rem;}
.eva_imgs li img {width: 100%;max-height: 1.8rem;}
.eva_imgs li .close{border-radius: 0.5rem; display:flex;align-items: center; justify-content: center; position: absolute; right:-0.05rem; top:-0.05rem; width:.3rem;height: .3rem;background-color: rgba(0,0,0,0.3);color:#fff;font-size: .18rem}








/*客服*/
.kefu_pop{
    position: relative;
    width: calc(100% - 0.5rem);
    background-color:#fff;
    border-radius: 0.15rem;
    z-index:12;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.kefu_pop .kefu_title{
    color:#393939;font-size: .36rem;
    text-align: center;padding-top:.4rem;padding-bottom: 0.6rem;
}
.kefu_pop .kefu_number {
    color:#f41860;
    font-size: 0.46rem;margin:0.3rem 0;
}
.kefu_number a{color:#f41860;}
.kefu_time{display: flex;align-items: center;}

.kefu_time span{
    background-color: #e1e1e1;
    height: 0.03rem;
    width: 0.74rem;
    margin: 0 0.2rem;
}
.kefu_time div{
    border:1px solid #e1e1e1;
    height: 0.41rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.26rem;
    padding:0 0.3rem;border-radius: 0.05rem;
}
.kefu_email{border:1px solid #c8c8c8;border-radius: 0.1rem;display: flex;align-items: center;justify-content: center;padding:0 0.28rem;height: 0.45rem;margin-top: 0.3rem;}
.kefu_tip{margin-top:0.3rem;color:#7e7e7e;font-size: .28rem;text-align: center;padding:0 0.25rem;}
.kefu_qrcode{width: 2.78rem;height: 2.78rem;border:0.05rem solid #e5e5e5;margin-top:0.36rem;margin-bottom:0.67rem;}


.xiala_pop{
    position:fixed;
    width: 2.23rem;
    right: 0.14rem;
    top:1.23rem;
    z-index: 13; 
    display: none;
}
.xiala_Box{width: 100%;background-color: rgba(255,255,255,0.9);border-radius: 0.15rem;font-size: 0.26rem;position: relative;}
.xiala_Box ul li{
    border-bottom: 1px solid #e6e6e6;height: 0.73rem;width: 100%;display: flex;align-items: center;
}
.xiala_Box ul li i{display: block;width:0.7rem;height:0.73rem;}
.xiala_Box ul li:last-of-type {
    border-bottom:none;
}
.xiala_Box ul li:active{
    color:#f41860;
}
.xiala_Box ul li:nth-child(1) i{
    background:url(../image/ware_msg.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:active:nth-child(1) i{
    background:url(../image/ware_msgon.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:nth-child(2) i{
    background:url(../image/ware_home.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:active:nth-child(2) i{
    background:url(../image/ware_home_on.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:nth-child(3) i{
    background:url(../image/ware_search.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:active:nth-child(3) i{
    background:url(../image/ware_searchon.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:nth-child(4) i{
    background:url(../image/ware_gz.png) center no-repeat;
    background-size: 0.29rem auto;
}
.xiala_Box ul li:active:nth-child(4) i{
    background:url(../image/ware_gzon.png) center no-repeat;
    background-size: 0.29rem auto;
}

/*向上*/
.xiala_sj{
    width:0;
    height:0;
    border-width:0 0.15rem 0.28rem;
    border-style:solid;
    border-color:transparent transparent rgba(255,255,255,0.9);/*透明 透明  灰*/
    position:absolute;
    right: 0.12rem;
    top: -0.27rem;

}
#address_detail{width:calc(100% - 1.5rem);}
.couponCode_btn{padding-right: .31rem;}
.msg_delete{
    display: inline-block;
    width: .33rem;height:.35rem;
    background: url("../image/delete_icon.png") center no-repeat;
    background-size: 100%!important;
}
.wareFooter{border-top: 1px solid #e1e1e1;}
.downcode{
    height: 0.8rem;
    border-top: 1px solid #eee;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top:0;
    padding-right:0;
}#qrcode{display: flex;align-items: center;justify-content: center;padding:0.2rem 0;}
#qrcode canvas{width: 2.1rem;height: 2.1rem;}
.zitilist li{height: 1.2rem;display: flex;align-items: center; border-bottom:1px solid #f5f5f5;}
.left_input span{width: 1.5rem;}
.left_input .inputInfo{width:calc(100% - 1.5rem);}
.left_input .inputInfo input{width:100% ;text-align: left!important;}
.left_input #flags{width:calc(100% - 1.2rem);text-align: right;}